Отличное и простенькое вертикальное меню на 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;}
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="ссылка на сайт" title="Шаблоны и Скрипты для uCoz">Шаблоны и Скрипты для uCoz</a></li>
</ul></div>
Готово!
Скачать
){kind=link}