Синие блоки для uCoz - Скрипты - UCOZ - Каталог файлов


Очень красивые синие блоки для uCoz. Вы можете их использовать в сайдбарах. Дизайн выполнен в светлых синих тонах. Автор дизайна человек под ником M@XER, вообще он написал и код, но он был ошибочный, поэтому я решил его переделать с сохранением дизайна. Установка: 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> <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 туда, где вы планируете разместить блок, но лучше использовать первый вариант. Код <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>
Важно! При копировании материала указывать ссылку на источник. Оценить материал + 4 - 393 - 31-Января-2017 - 0 Материал разместил:

Похожий материал

Статьи сайта

12-Ноября-2017 в 23:41:03

Рай для верстальщика: синхронизация окон браузеров

29-Июня-2017 в 12:30:13

Что такое информер и зачем нужен на сайте

29-Июня-2017 в 10:21:53

Ограничить длину заголовка и описание к материалу для uCoz

05-Марта-2017 в 12:54:01

Сокращаем "Описание" в вид материалов

01-Марта-2017 в 17:08:05

Не форматируется флешка? Решение есть

Регистрация позволит Вам стать полноценным участником данного проекта. Вы сможете оставлять комментарии, просматривать скрытый текст, голосовать в опросах и многое другое. В случае возникновения проблем с регистрацией, напишите администратору сайта.

Соглошения:

Администрация данного сайта не несет ответственность за использование ресурсов доступных на этом сайте. Вся информация дана исключительно в образовательных целях. Вся информация, расположенная на этом сайте предназначена только для ознакомительных целей, авторы не несут ответственности за возможные последствия использования их в целях, запрещенных Уголовным Кодексом. Вы обязуетесь не применять полученные здесь программы и информацию в целях, запрещённых УК. Ни при каких условиях и обстоятельствах ответственность за последствия, которые прямо или косвенно повлекло за собой использование информации или программного обеспечения, размещенного на этом сайте, не может возлагаться на авторов сайта и быть основанием для их судебного преследования. Вы соглашаетесь с указанными условиями, можете приступить к регистрации и дальнейшему просмотру материалов. В противном случае рекомендуется немедленно покинуть сайт.

Общие правила поведения на сайте:

Начнем с того, что на сайте общаются сотни людей, разных религих и взглядов,
и все они являются полноправными посетителями нашего сайта, поэтому если мы хотим чтобы это сообщество людей функционировало нам и необходимы правила. Мы настоятельно рекомендуем прочитать настоящие правила, это займет у вас всего минут пять, но сбережет нам и вам время и поможет сделать сайт более интересным и организованным.

Начнем с того, что на нашем сайте нужно вести себя уважительно ко всем посетителям сайта. Не надо оскорблений по отношению к участникам, это всегда лишнее. Если есть претензии - обращайтесь к Админам или Модераторам (воспользуйтесь личными сообщениями). Оскорбление других посетителей считается у нас одним из самых тяжких нарушений и строго наказывается администрацией. У нас строго запрещен расизм, религиозные и политические высказывания. Заранее благодарим вас за понимание и за желание сделать наш сайт более вежливым и дружелюбным.

На сайте запрещено:

- сообщения, не относящиеся к содержанию статьи или к контексту обсуждения
- оскорбление и угрозы в адрес посетителей сайта
- в комментариях запрещаются выражения, содержащие ненормативную лексику, унижающие
человеческое достоинство, разжигающие межнациональную рознь
- спам, а также реклама любых товаров и услуг, иных ресурсов, СМИ или событий, не
относящихся к контексту обсуждения статьи

Давайте будем уважать друг друга и сайт, на который Вы и другие читатели приходят пообщаться и высказать свои мысли.

Администрация сайта оставляет за собой право:
Удалять комментарии или часть комментариев, если они не соответствуют данным требованиям.

C уважением администрация сайта