Стилизация вертикального меню uCoz
827материалов
228тем на форуме
3004комментария
6158пользователей

Стилизация вертикального меню uCoz


Стандартное меню uCoz по мне лучше, чем сделанное собственно так, как ее можно быстро и легко редактировать без возни в коде. Данное решение содержит всего 4-5 строк стилей, которые не будут накручивать ваш сайт лишним весом.

Для установки нужно перейти в таблицу стилей CSS (ПУ / Дизайн / Таблица стилей CSS) и в самый низ вставить стили:
Код
.uMenuRoot li {margin:0px;padding:0px;list-style-type:none;}       
       .uMenuRoot li a {padding:5px 20px;display:block;text-decoration:none;font-size:13px;color:#1f1f1f;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;-moz-transition: 0.5s;}       
       .uMenuRoot li a:hover {color:#000;background:#e5f8e8;}       
       .uMenuRoot .uMenuItemA {margin-top:5px;margin-bottom:5px;background-color: #c2edca;background-image: url(http://webmaster-ucoz.ru/ucoz/1/1/1/men.png);background-repeat: no-repeat;background-position: 9px center;}

Разбор:
.uMenuRoot li a:hover {color:#000;background: #цвет;} - цвет при наведении
.uMenuRoot .uMenuItemA {margin-top:5px;margin-bottom:5px;background-color: #цвет;background-image: url(ссылка на изображение);background-repeat: no-repeat;background-position: 9px center;} - цвет и ссылка на изображение активной кнопки

ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 17.05.2015 в 16:40
Материал просмотрен: 1077 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 0 комментариев

Пожаловаться
Сказать спасибо
Источник

0 комментариев


avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта