Синие блоки для uCoz - SpBlOaD.ru- UCOZ-Скрипты

 
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
SpBlOaD.ru- UCOZ-Скрипты » . » UCOZ-Скрипты » Синие блоки для uCoz
Синие блоки для uCoz
spbforumДата: Понедельник, 04.07.2011, 11.22.02 PM | Сообщение # 1
Admin
Группа: Администрация
Сообщений: 676
Награды: 8
Репутация: 667
Статус: Offline
Очень красивые синие блоки для uCoz.
Вы можете их использовать в сайдбарах.



Дизайн выполнен в светлых синих тонах. Автор дизайна человек под ником M@XER, автор сайта beemop.org.ru, вообще он написал и код, но он был ошибочный, поэтому я решил его переделать с сохранением дизайна.


Установка:


1. Вставьте данный код в таблицу стилей (в неё можно зайти так: ПУ -> Дизайн[в админбаре] -> Управление дизайном [CSS]).



.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;}


2. Этот код вставьте туда, где вы хотите видеть блок.



<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><br />

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


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

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

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

</div><div class="block-bottom" ></div>


</div>

</div>


Должно все получиться.


Также можно вставить сразу весь код вместе с css туда, где вы планируете разместить блок, но лучше использовать первый вариант.



<style>

.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;}

</style>

<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><br />

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

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


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

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

</div><div class="block-bottom" ></div>

</div>

</div>


Скриншот:


Синие блоки для uCoz

 
ПрохожийДата: Пятница, 21.10.2011, 6.10.14 PM | Сообщение # 2
Группа: Гость





Great airtcle but it didn't have everything—I didn't find the kitchen sink!
 
SpBlOaD.ru- UCOZ-Скрипты » . » UCOZ-Скрипты » Синие блоки для uCoz
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2018