Вертикальное меню Yellow для ucoz
 | |
| По своему очень яркое, но классическое Вертикальное меню Yellow для ucoz которое подойдет к примеру к игровому порталу Minecraft и многим другим, где есть такой оттенок цвета. Также его можно поставить на светлый сайт по своим стилям и оно будет характерно выделятся, что особо нужно для навигаций. При наведение меняется гамма и есть там стрелка, которая указывает на тот или иное название, которая тоже цвет меняет, что смориться красиво и оригинально. Это каркас, который можно поставить в блог или без него. Код <div id="menu4"> <ul> <li><a href="#"><span>Главная</span></a></li> <li><a href="#"><span>Скрипты uCoz</span></a></li> <li><a href="#"><span>Регистрация</span></a></li> <li><a href="#"><span>Карта сайта</span></a></li> <li><a href="#"><span>Шаблоны uCoz</span></a></li> <a href="http://zornet.ru/" style="display: none;"></a> </ul> </div> В CSS: Код #menu4 ul { list-style: none; margin: 0; padding: 0;} #menu4 { width: 200px; border-style: solid solid none solid; border-color: #D76100; border-size: 1px; border-width: 1px; margin: 10px;} #menu4 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none;} #menu4 li a:link, #menu4 li a:visited { color: #9E3C02; display: block; background: url(http://zornet.ru/CSS-ZORNET/gerav/gesad/menu4.gif); padding: 8px 0 0 30px;} #menu4 li a:hover, #menu4 li #current { color: #fff; background: url(http://zornet.ru/CSS-ZORNET/gerav/gesad/menu4.gif) 0 -32px; padding: 8px 0 0 30px;} #menu4 li a:active { color: #fff; background: url(http://zornet.ru/CSS-ZORNET/gerav/gesad/menu4.gif) 0 -64px; padding: 8px 0 0 30px;} И смотрим материал в DEMO На этом все, будут вопросы, задавайте в комментариях. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 4 | |
|
| |
