Мы здесь: rss twitter vk facebook

Самые новые скрипты для Ucoz

На нашем портале вы найдете не только скрипты, но и видео обучение и много интересного!
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Форумчик » Скрипты для Ucoz готовые » Новый вид блоков для дизайна uCoz
Новый вид блоков для дизайна uCoz
Administrator Дата: Вторник, 06.03.2012, 14:25 | Сообщение # 1 Offline

Сообщений: 293
Генералиссимус
- +
Установка Нового вида блоков для uCoz!:

1. Скопируйте данный код в таблицу стилей CSS (в неё можно зайти так: ПУ -> Дизайн[в админбаре] -> Управление дизайном [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://scripts-for-ucoz.ru" target="_blank" title="scripts-for-ucoz.ru- все для uCoz">Главная</a><br />
<a href="http://cobra.lv" target="_blank">Counter Strike 1.6 community</a><br />
</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://scripts-for-ucoz.ru" target="_blank" title="scripts-for-ucoz.ru- все для uCoz">Главная</a><br />
<a href="http://cobra.lv" target="_blank">Counter Strike 1.6 community</a><br />
</div><div class="block-bottom" ></div>
</div>
</div>


Мои сайты:
China-Telephon Все для китайских телефонов
Megasayt все для Ucoz
 
Форум » Форумчик » Скрипты для Ucoz готовые » Новый вид блоков для дизайна uCoz
  • Страница 1 из 1
  • 1
Поиск: