[Мой сайт ]
Главная » Файлы » SCRIPT UCOZ » Меню для сайта

Красное вертикальное меню для ucoz
29.09.2012, 10:18


1. Копируем код и вставляем в CSS

Code

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;  
  }


2.Вставляем в любой блок на сайте(туда, где хотим видеть вертикальное меню 

Code

<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>  
  </ul>
Категория: Меню для сайта | Добавил: html-code
Просмотров: 546 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email:
http://www.plati.com/asp/pay.asp?idd=1879537&ai=632235 http://www.oplata.info/asp/pay_wm.asp?id_d=1879537&ai=632235