» »

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


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

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

Код:

Код
<div id="menu">  
<ul>  
   
<li><a href="http://zornet.ru/"><span style="color:ffffff"><b>Главная</b></b></span></a></li>  
<li><a href="http://zornet.ru/"><span style="color:ffffff">Форум</b></span></a></li>  
<li><a href="http://zornet.ru/"><span style="color:ffffff">Файлы</b></span></a></li>
<li><a href="/"><span style="color:ffffff">Блогер</b></span></a></li>  
<li><a href="/"><span style="color:ffffff">Галерея</b></span></a></li>  
<li><a href="/"><span style="color:ffffff">Фотоальбом</b></span></a></li>  
<li><a href="http://zornet.ru/"><span style="color:ffffff">Обратная связь</b></span></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.04.2015 Просмотров: 453 Комментарий: (0)

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

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

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