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

3275 просмотров Alan_Writer 26.05.2013

Демо ▶️

Продолжаю пополнять раздел меню для ucoz, в этот раз это вертикальное меню для ucoz в красных тонах.

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

Копируем код и вставляем в CSS:
Код
ul {  
  list-style: none;  
  margin: 0;  
  padding: 0;}  

img {border: none;}  

#vert_menu {  
  font-weight: bold;  
  font-family: Verdana, Helvetica, sans-serif;  
  text-decoration: none;  
  font-size: 80%;  
  width: 202px;}  

#vert_menu li {height: 37px;}  

#vert_menu li a:link, #vert_menu li a:visited {  
  text-decoration: none;  
  color: #faaab6;  
  display: block;  
  background: url(http://wallaby.ucoz.ru/menu/vert_menu4.png) 0 0 no-repeat;  
  padding: 10px 0 10px 10px;}  

#vert_menu li a:hover, #vert_menu li #current {  
  color: #FFF;  
  background: url(http://wallaby.ucoz.ru/menu/vert_menu4.png) 0 -37px no-repeat;  
  padding: 10px 0 10px 15px;}

Вставляем туда, где хотим видеть меню:
Код
<ul id="vert_menu">  
<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>  
<a href="http://fullweb.ucoz.ru/" style="display: none;"></a>
</ul>

Все готово!

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