Стилизация вертикального меню uCoz
Стандартное меню uCoz по мне лучше, чем сделанное сообственно так, как ее можно быстро и легко редактировать без возни в коде. Данное решение содержит всего 4-5 строк стилей, которые не будут накручивать ваш сайт лишним весом.
Для установки нужно перейти в таблицу стилей CSS (ПУ / Дизайн / Таблица стилей CSS) и в самый низ вставить стили:
Quote (скопируйте и вставьте в нужный шаблон)
.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://uday.ucoz.ru/_ph/1/2/655517420.png?1429990012);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;} - цвет и ссылка на изображение активной кнопки