Digy

 
Главная » Файлы » Скрипты для Юкоз » Вертикальное меню
Серо-синие вертикальное меню для ucoz (юкоз)
[ Скачать с сервера (4.3 Kb) ] 10.12.2011, 20:35

Красивое вертикальное меню для ucoz в серых и синих тонах. Меню ucoz имеет эффект пластика.

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

ul#menu li a{  
  color:#909090;  
  background: url(/img/vert_menu5.png) no-repeat 0 0;  
  text-decoration:none;  
  width: 200px;  
  height: 55px;  
  display:block;  
  border:none;  
  text-shadow: #ddd 2px 2px 0;  
}  

ul#menu li a:hover{  
  background-position: 50% 100%;  
  width: 200px;  
  height: 55px;  
  display:block;  
  color:#fff;  
  text-shadow: #1185EE 2px 2px 0;  
}  

ul#menu li a span{  
  font-family:sans-serif;  
  font-size:18px;  
  padding:17px 0 0 20px;  
  display:block;  
}


2. Вставляем в любой блок на сайте(туда, где хотим видеть вертикальное меню):
Code
<ul id="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="http://u-mast.com/sitemap.xml"><span>Карта сайта</span></a></li>  
  <li><a href="#"><span>О сайте</span></a></li>  
</ul>


3. Качаем изображение с архива и заливаем к себе на сайт в папку "img"
Категория: Вертикальное меню | Добавил: Junior | Теги: Вертикальное, UcoZ, (юкоз), Серо-синие, меню
Просмотров: 1377 | Загрузок: 173 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]