Строгое серо-синее вертикальное меню для ucoz

3397 просмотров Alan_Writer 25.05.2013

Демо ▶️

Очень простое вертикальное меню для ucoz, но вполне симпатичное, так что если вам не нужны подпункты, и вы не хотите отягощать сайт скриптами и тоннами стилей - тогда это то что нужно.

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

Копируем код и вставляем в CSS:
Код
#menu14 {  
  width: 200px;  
  margin: 5px;}

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

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

#menu14 li a:link, #menu14 li a:visited {  
  color: #000;  
  display: block;  
  background: url(http://wallaby.ucoz.ru/menu/menu14.gif);  
  padding: 8px 0 0 10px;}  

#menu14 li a:hover, #menu14 li #current {  
  color: #FFF;  
  background: url(http://wallaby.ucoz.ru/menu/menu14.gif) 0 -32px;  
  padding: 8px 0 0 10px;}

Вставляем в любой блок на сайте (туда, где хотим видеть меню):
Код
<div id="menu14">
<a href="http://fullweb.ucoz.ru/" style="display: none;"></a>
<ul>  
<li><a href="#"><span>Главная</span></a></li>
<li><a href="#"><span>Поиск</span></a></li>
<li><a href="#"><span>Регистрация</span></a></li>
<li><a href="#"><span>Карта сайта</span></a></li>
<li><a href="#"><span>О сайте</span></a></li>
</ul>
</div>

Все готово!

Теги: меню для сайта, Серое, простое вертикальное меню, синее, для uCoz, вертикальное меню
0 Комментариев