ВСЕ-ВСЕ
Главная | Регистрация | Вход
Четверг, 14.12.2017, 22:09
Меню сайта
Block title
Категории раздела
Форма входа [11]
скрипты Поздравления [3]
Статистика [8]
Украшения [1]
Персональная страница [5]
Меню [11]
Вид материалов для каталога файлов [1]
Вид материалов для каталога сайтов [1]
Вид материалов для каталога статей [0]
блок для сайта ucoz [32]
Страница 404 [1]
Мини-чат для ucoz [4]
Скрипты для сайтов кс [5]
Вид фотографий для ucoz [1]
Вид комментариев для ucoz [0]
Мини-профиль [15]
Облако тегов на Ucoz [2]
Форма добавления коментариев [0]
Опросы [4]
flash часы [5]
Радио и тв онлайн [1]
Пак скриптов для ucoz [1]
Оповещение о новых сообщениях [1]
Поиск по сайту [1]
Разное [15]
ajax [4]
Топ файловиков [1]
Вид новостей [2]
Защита контента [5]
Переключатель страниц [10]
Репутация [4]
Мини-чат
Наш опрос
Какой подарок ты хотел бы получить на новый год
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа
Главная » Файлы » Скрипты для ucoz » блок для сайта ucoz

Очень красивые синие блоки для uCoz. Вы можете их использовать в сайдбарах.
02.04.2011, 17:45

Установка:

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

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

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

Code
<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 | Добавил: ALIEN | Теги: uCoz, ucozon, блок +для сайта ucoz cs, все для сайта ucoz, блок друзья сайта +для ucoz, блоки +для сайта ucoz
Просмотров: 490 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Copyright MyCorp © 2017
    Бесплатный конструктор сайтов - uCoz