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

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

С помощью данного скрипта можно предать стиль нашему стандартному меню от uCoz. Все его наверняка помнят, ну скажем мягко говоря - не совсем красиво, и это еще мягко сказано. Так вот, с помощью данного CSS стиля, Вы сможете изменить своё стандартное меню до неузнаваемости.

Для установки нужно перейти в таблицу стилей 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://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;} - цвет и ссылка на изображение активной кнопки


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

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


Добавил: xiDreaMsx | Категория: Скрипты для uCoz | Просмотров: 755


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

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

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