ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Вертикальное меню в черном цвете для uCoz

Вертикальное меню в черном цвете для uCoz

Раньше цветовая гамма в дизайне Вертикальное меню в черном цвете для uCoz было немного другой. Только сам оттенок угольный остался а остальное переделано. Просто по умолчанию, шло оно в гравированной полосой, которая при наведение клика появлялось по центру надписи категорий. Вот с этим и пришлось поработать и сделать его в своем оригинале а вот как получилось, вам судить. Убрав эту ленту, создал серую гамму, что теперь она будет по верх значение, что можете посмотреть.

Код:

Код

<div id="menu">
<ul>

<li><a href="http://zornet.ru/">Главная</a></li>
<li><a href="http://zornet.ru/">Форум</a></li>
<li><a href="http://zornet.ru/">Файлы</a></li>
<li><a href="/">Блогер</a></li>
<li><a href="/">Галерея</a></li>
<li><a href="/">Фотоальбом</a></li>
<li><a href="http://zornet.ru/">Обратная связь</a></li>
</a></li>
</ul>

CSS:

Код

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
margin:0;
padding:0;
}

hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

img {
border: none;
}

#menu {
width: 168px;
margin: 0px;
border-style: solid solid none solid;
border-color: #000;
border-size: 1px;
border-width: 1px;
}

#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu li a:link, #menu li a:visited {
color: #9cff00;
display: block;
background: url(http://zornet.ru/CSS-ZORNET/Grety/zreg/631039619.gif);
padding: 8px 0 0 10px;
}

#menu li a:hover {
color: #9cff00;
background: url(http://zornet.ru/CSS-ZORNET/Grety/zreg/138374785.gif) 0 -32px;
padding: 8px 0 0 10px;
}

И демонстрация в плане Demo.

29 Апреля 2015 Просмотров: 1390 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Kosten

Комментарии: 0