Синие блоки для uCoz из Скрипты для uCoz
   

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

Главная » Скачать » Скрипты для uCoz

Очень красивые синие блоки для 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

Чтобы иметь более детальное представление посмотрите демо.

SEO блог про заработок в интернете и продвижение сайтов. Этот блог научит вас работе в сети и монетизации сайта.

Понравилось? Поделись ссылкой с друзьями!

Скрипты для uCoz | Добавлено: 29.08.2010 | Просмотров: 12259 | Рейтинг: 3.9 7
Всего комментариев: 7

Автор: VIlder (02.06.2011 18:31)

Чтобы начинался с краю болк Надо вот тут
<div align="center">
<div style="width: 210px;"> вместе "center" поставить "left"


Автор: серёга (27.05.2011 18:23)

ББббббббббред !!!!!!!!!!!!!!!!!!!!!


Автор: бирбок (16.05.2011 14:54)

Середина уходит влево ку да то((


Автор: Дима (27.04.2011 14:38)

спасибо всё получилось первый вариант легче особенно для тех кто только начинает делать и обустраивать сайт!


Автор: Alt (13.03.2011 00:45)

Help. Как прописать что бы блок от края начинался


Автор: Кирюха (06.03.2011 22:12)

Все самое лучшее


Автор: nj (06.03.2011 21:19)

Самый лучший


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Задать вопрос

Вы можете задать свой вопрос, соответствующий тематике сайта.

Задумался?

Задать свой вопрос

Вход


Здравствуйте, Гость!


Copyright © 2010-2016 Pro100uCoz.ru