Приветствую Вас, Гость
Главная » Файлы » Все Для Ucoz » Скрипты Для ucoz

Серо-синие вертикальное меню для ucoz
21.10.2011, 15:37

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

Установка:

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

ul#menu {list-style-type:none; margin:0; padding:0;} 

ul#menu li a{ 
  color:#909090; 
  background: url(http://wallaby.ucoz.ru/menu/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. Вставляем в любой блок на сайте(туда, где хотим видеть вертикальное меню):

<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://wallaby.ucoz.ru/sitemap.xml"><span>Карта сайта</span></a></li> 
  <li><a href="#"><span>О сайте</span></a></li> 
</ul>
Категория: Скрипты Для ucoz | Добавил: AK-47 | Теги: вертикальное, uCoz, Серо-синие, для, Меню
Просмотров: 491 | Загрузок: 0 | Рейтинг: 3.0/2
Всего комментариев: 0
Имя *:
Email *:
Код *: