Для вебмастера » Ucoz система → Синие блоки для uCoz

Добавил Martusia19 | 27-01-2011, 19:31 | Мнений: 0 | Заглянули 1768

Очень красивые синие блоки для 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 туда, где вы планируете разместить блок, но лучше использовать первый вариант.

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Похожие новости:

Доступ запрещен v 2.0

Простое горизонтальное меню с профилем

Чат для uCoz

Вертикальное меню

Вид новостей для Ucoz