Главная
Категория: Онлайн Программы30.04.2015 в House 2
House 2
House 2
Категория: Онлайн Программы30.04.2015 в NEW EDM CUBE 2!!! (Создание музыки онлайн)
NEW EDM CUBE 2!!! (Создание музыки онлайн)
NEW EDM CUBE 2!!! (Создание музыки онлайн)
Категория: Онлайн Программы14.09.2014 в NEW EDM CUBE!!! (Создание музыки онлайн)
NEW EDM CUBE!!! (Создание музыки онлайн)
NEW EDM CUBE!!! (Создание музыки онлайн)
Категория: Онлайн Игры08.06.2014 в Transformers 3: Victory is Sweet
Transformers 3: Victory is Sweet
Transformers 3: Victory is Sweet
Категория: Скрипты для ucoz22.05.2014 в Автоматическое заполнение тегов ucoz
Автоматическое заполнение тегов ucoz
Автоматическое заполнение тегов ucoz
Популярные файлы
  • Комедия
  • Боевик
  • Триллер
Навигация по сайту: Развлекательный портал » Каталог файлов » Ucoz » Вертикальное меню для ucoz

Вертикальное меню для ucoz

0 543
Категория: Ucoz » Меню для ucoz Опубликовал: DavGev Дата: 18.05.2013
Вертикальное меню для ucoz

Вертикальное меню для ucoz
Вертикальное меню для сайта серо-черного цвета. Скрипт меню очень прост: HTML и CSS. Вертикальное меню стилизованное под пластик.


Установка:
  
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_menu2.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: #000 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="http://proigr.ucoz.com/"><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>



Источник материала: Не указан.
Комментарии к новости
Всего комментариев: 0
Внимание!
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Комментарии:
Уважаемый пользователь, вы не можете оставлять комментарии к данной новости. Возможно вы не авторизованы или входите в группу которым запрещено совершать данное действие.