[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Синие блоки для uCoz
KWIQДата: Вторник, 22.02.2011, 19:34 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 559
Награды: 5
Репутация: 27
Синие блоки для uCoz

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

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>

Прикрепления: 2146351.gif (9.2 Kb)
 
  • Страница 1 из 1
  • 1
Поиск:


ЛУЧШЕЕ НА САЙТЕ
ТОП 20-ка последних тем ТОП 20-ка читаемых тем ТОП 20-ка лучших материалов
  • Как качать с DepositFiles
  • Загляните на огонек.
  • Полезно
  • где купить качественные саженцы винограда?
  • Как сэкономить на бензине?
  • Привет всем форумчанам!
  • обратитесь к сетевому администратору для получения доступа
  • Красота. Здоровье. Молодость.
  • Новый Топ пользователей с аватарами для Ucoz
  • Простой и красивый вид формы опроса
  • Красивый информер "кто нас сегодня посетил" для Ucoz
  • Flash радио для сайта
  • Кровавая Мери (Пьяные разговоры) Угар и ржака
  • Обсудим РЖАКА, позитив)))
  • Alan Wakes American Nightmare прохождение
  • I Am Alive прохождение
  • Secret Files 3 прохождение
  • Lucius прохождение игры
  • Прохождение Последняя воля Шерлока Холмса
  • Самая успешная букмекерская контора России
  • Секрет игры новые земли в одноклассниках
  • Куда постить новости - база сайтов
  • Список сайтов где постить новости, постить на сайтах
  • Still Life 2
  • Ожидаемые новинки
  • Меню для UCOZ
  • ОБЩАЕМСЯ
  • загрузчик ntldr
  • Создание красивого поиска для сайтов на uCoz
  • Принимаем заказы! Обработка ФОТО в Photoshop CS
  • Скрипт Online Tv предоставлен сайтом ВидеоЗал
  • Memento Mori
  • МеГа ОбЗоР
  • Куда и как постить, чтобы качали файлы
  • Ответь на вопрос последнего игрока и задавай свой вопрос....
  • Moscow Racer: NoCD/NoDVD (Мини образ)
  • Как качать с DepositFiles
  • Самый огромный член в мире. Длина и размеры пенисов
  • Удаление баннеров с рабочего стола, разблокировка Windows
  • Все способы поднять рейтинг вконтакте бесплатно
  • Демотиваторы (50 фото) на КВИК
    Демотиваторы на квик (93 фото)
    Популярные фразы девушек (76 фото)
    Демотиваторы на КВИК очень смешной выпуск (20 фото)
    Замедленный удар по попке "ОНЛАЙН" и "СКАЧАТЬ"
    Демотиваторы КВИК (20 фото)
    А вот если с утра стояк, а в туалет надо. Инструкция. (8 фото)
    В метро без штанов 2011 только на КВИК
    Время ведьм / Season of the Witch (2010/CAMRip/1400mb)
    Девушки играют в волейбол на КВИК (19 фото)
    8 способов - как парни ходят в туалет (8 фото)
    Демотиваторы (50 шт)
    Демотиваторы самые коментируемые в интернете
    Демотиваторы пятничные (76 фото)
    Забавные фотографии с американских выпускных (91 фото)
    Необычные работы Эрика Йоханссона(Erik Johansson)
    Хатико: Самый верный друг / Hachiko: A Dog's Story (2009) ОНЛАЙН
    Dracula87 MultiBoot Recovery Master DVD 1.0 (12.01.2011)
    Интерны (2012) 6 сезон, Все серии смотреть онлайн
    Древние пришельцы. Все сезоны (2010 - 2011) HDRip + HDTVRip + HDTV
    Каталог-Молдова - Ranker, Statistics