Стильные синие блоки для uCoz

Главная » Скрипты для uCoz » Разные скрипты » Стильные синие блоки для uCoz

Автор: Raichu, Опубликован: 18:37, Просмотров: 509

Стильные блоки для вашего сайта, эти блоки подойдут для светлых сайтов а лучше с синем/голубым фоном.

Установка:

Идем в Панель управление => Таблица стилей и вставляем это:

Code

.title {width: 210px; background: url('http://pro100ucoz.ru/demo/blocks/style/box-top.png') no-repeat; margin: 0 auto; height:27px;}
  .block-title {width: 210px; text-align: left; font-size: 15px; color:#fff; font-weight: bold; margin: 0; padding: 5px 10px; height:25px;}
  .block-content {width: 210px; background: url('http://pro100ucoz.ru/demo/blocks/style/box-content.png') repeat-y;text-align: left; padding:0px 9px 1px 9px; color:#333;}
  .block-content a {text-align: left; padding:2px 9px 1px 9px; color:#333; text-decoration:none;}
  .block-content a:hover {text-align: left; padding:2px 9px 1px 9px; color:#105784; text-decoration:underline;}
  .block-bottom {width: 210px; background: url('http://pro100ucoz.ru/demo/blocks/style/box-bottom.png') bottom no-repeat; height:9px; margin-bottom:10px;}

Далее идем в ПУ и вставляем туда где хотим видеть блок(и):

Code

<div align="center">
  <div style="width: 210px;">
  <div class="title"><h4 class="block-title">Название Блока</h4></div>
  <div class="block-content">
  <a href="http://pro100ucoz.ru" target="_blank" title="Pro100uCoz.ru - все для uCoz">Главная</a>

  <a href="http://pro100ucoz.ru/load/1" target="_blank">Шаблоны для uCoz</a>

  <a href="http://pro100ucoz.ru/load/2" target="_blank">Скрипты для uCoz</a>

  <a href="http://pro100ucoz.ru/load/4" target="_blank">Иконки для uCoz</a>

  <a href="http://pro100ucoz.ru/publ" target="_blank">Уроки по uCoz</a>
  </div><div class="block-bottom" ></div>
  </div>
  </div>

Источник: pro100.ucoz.ru

Теги: ucoz, блоки, Стильные, Синие, для