Форма входа
Меню сайта
Главное Меню
Главная страница
Помощь Web мастеру
Связь с админом
Залить фото
Статьи
Форум
Всё для ucoz
Шаблоны для форума
Светлые шаблоны
Тёмные шаблоны
Иконки групп
Иконки разные
Скрипты
Другое
Темы форума
Бесплатные услуги
Раскрутка сайтов
Аренда(реклама)
Заработок
Клик-Клик



Календарь
«  Январь 2011  »
Пн Вт Ср Чт Пт Сб Вс
     12
3456789
10111213141516
17181920212223
24252627282930
31
Опрос
Что привело Вас к нам на сайт?
Всего ответов: 241
Архив сайта
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Облоко тэгов
UcozSocial 1.15.10(Новинка) Torrent Tracker - дизайн для Ucoz Вид мини чата для UcoZ Popup с персональным сообщением Шаблон 53rus.tytseo.ru (Рабочий конструктор+ Страница 404 и вид материалов) Адаптация шаблона OnTheGo под ucoz Rip ucoz-master для ucoz silvergray для ucoz Еще вид новостей ucoz Очень функциональный и красивый блок "Полезный софт" Форум для MediaPortal (зелёный) Оживляем картинки (Придаём динамику) через плагин Smart3D на jQuery Шаблон CS для UCOZ Шаблон форума сайта ucoz Правила добавления новостей дизайн для форума By Hack3r блок Ваш баннер для UcoZ Рип сайта www.GameAmx.Ru для ucoz PP Kn5 by 2Rist ( кнопки для форума ) Просилка регистрации ucoz в новом оформлении
Наш банер
Всё для ucoz

Мини-чат
Тэги сайта

скрипты для ucoz, ucoz, шаблоны для ucoz, иконки групп для ucoz, гсщя, всё для ucoz, скачать бесплатно шаблоны для ucoz, скрипты для ucoz без регистрации

Главная » 2011 » Январь » 30 » Синие блоки для uCoz
08:36

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


Установка:

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;}[/code]

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>

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

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

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

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

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

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

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

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

Скачать бесплатно:


Чтобы скачать Синие блоки для uCoz , нажмите по рекламе выше, потом кликайте по появившйеся ссылке.



Перед тем как

бесплатно

скачать

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

,
проверьте ВСЕ ссылки на работоспособность. На 30.01.2011

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

,
все ссылки были в рабочем состоянии
Категория: Скрипты | Просмотров: 1822 | Добавил: autumn | Теги: блоки, Синие, UCOZ, для | Рейтинг: 0.0/0
Всего комментариев: 1
1 Николай  
0
http://softfair.ucoz.com/
http://softfair.ucoz.com/
http://softfair.ucoz.com/
http://softfair.ucoz.com/
http://softfair.ucoz.com/

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