Черное вертикальное меню для ucoz

5264 просмотров Alan_Writer 27.05.2013

Демо ▶️

Меню для ucoz в тёмных тонах, стильное и простое оформление, которое при желании, можно легко изменить по своему вкусу, так что оно еще и универсальное.

Установка меню

Прописываем стили в своем 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://wallaby.ucoz.ru/_ph/1/2/631039619.gif);  
  padding: 8px 0 0 10px;}  

#menu li a:hover {  
  color: #9cff00;  
  background: url(http://wallaby.ucoz.ru/_ph/1/2/138374785.gif) 0 -32px;  
  padding: 8px 0 0 10px;}

Это вставляете туда, где вам нужно меню:
Код
<div id="menu">  
<ul>  
<li><a href="#"><span style="color:fff"><b>Главная</b></span></a></li>
<li><a href="#"><span style="color:fff"><b>Форум</b></span></a></li>
<li><a href="#"><span style="color:fff"><b>Галерея</b></span></a></li>
<li><a href="#"><span style="color:fff"><b>ClanWars</b></span></a></li>
<li><a href="#"><span style="color:fff"><b>Фильмы</b></span></a></li>
</ul>
</div>

Все готово!

Теги: меню для сайта, Вертикальное, черное меню, черное, меню для ucoz, вертикальное меню
0 Комментариев