Описание материала: С помощью данного скрипта можно предать стиль нашему стандартному меню от 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;} - цвет и ссылка на изображение активной кнопки
К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!
Немного информации в комментариях!
1. Запрещено оскорблять, унижать в грубой форме других пользователей.
2. Мат и грубые слова запрещены, даже в скрытой форме, для этого существуют масса слов которые заменяют мат.
3. Запрещено писать ссылки на другие сайты (За исключением официальных, например таких: uCoz.ru, forum.ucoz.ru, blog.ucoz.ru и т.п.)
4. Запрещено флудить и спамить, предлогать услуги (например: "делаю рипы, адаптации на заказ" "помогу с установкой шаблона" и т.д. )
Комментарии к материалу Стилизация вертикального меню uCoz
К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!