« Светлое вертикальное CSS меня для uCoz »

Описание материала:

Отличное и простенькое вертикальное меню на CSS, для сайтов в системе uCoz. Данное меню светлое и в нем находятся такие цвета как - белый, оранжевый и серый. Само меню белого цвета с оранжевым, с правой стороны вертикальным бордюром, но если навести курсор на одну из категорий, то оно меняется на оранжевый цвет, с серым вертикальным бордюром с право, так же в меню есть иконка, которая расположилось перед текстом категории.

Установка:
1. Скачиваем архив с нашего сайта, загружаем папку whitemenu_ie в корень своего сайта
2. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим код:

Код
/* Светлое вертикальное меня для uCoz */
.whitemenu_ie li a {background: rgb(240,240,240) url(/whitemenu_ie/icon.png) no-repeat 2.702702702702702702702702702703% center;}  
.whitemenu_ie li a:hover { background: rgb(204, 162, 86) url(/whitemenu_ie/icon.png) no-repeat 2.702702702702702702702702702703% center; color: rgb(55,55,55); border-right: 6px solid rgb(60, 60, 60); }  
.whitemenu_ie li a {display: block;font-size: .9em;padding: 10px 2.702702702702702702702702702703% 10px 12.432432432432432432432432432432%;margin-bottom: 1px;color: rgb(55,55,55);border-right: 6px solid rgb(204, 162, 86);}  
.whitemenu_ie ul {padding: 0px; margin-top: 1px;}  
.whitemenu_ie li {list-style: none;}
/* InternetEmpire.Ru */

3. Заходим в ПУ - Управление дизайном - выбираем Контейнер и туда, где хотите видеть меню, ставим данный код:
Код
<div class="whitemenu_ie"><ul>  
<li><a href="/" title="Главная страница">Главная страница</a></li>  
<li><a href="/forum" title="Сообщество сайта">Сообщество сайта</a></li>  
<li><a href="/load" title="Каталог материалов">Каталог материалов</a></li>  
<li><a href="/dir" title="Лучший каталог сайтов">Лучший каталог сайтов</a></li>  
<li><a href="http://internetempire.ru/" title="Шаблоны и Скрипты для uCoz">Шаблоны и Скрипты для uCoz</a></li>  
</ul></div>


Готово!


Скачать ( Размер архива 45.3 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 558 | Загрузок: 23

Теги к материалу: светлое, для, ucoz, меня, вертикальное, css

Поделиться в соц. сетях:

К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

Комментариев к материалу: 0
avatar