+

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

Серо-синие вертикальное меню для ucoz
Цена: БЕСПЛАТНО
Просмотров: 3935
Добавлено: 25.05.2013
Контакты: Автор (VK) (Онлайн)
Файл добавил: Alan_Writer
Архив шаблона: ОТСУТСТВУЕТ
Демо: Смотреть
Информация о материале
Красивое вертикальное меню для ucoz в серых и синих тонах. Меню ucoz имеет эффект пластика, выглядит довольно просто - но очень стильно и эффектно!

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

Копируем код и вставляем в 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;}

Вставляем в любой блок на сайте (туда, где хотим видеть меню):
Код
<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="ваша_ссылка"><span>Карта сайта</span></a></li>  
<li><a href="ваша_ссылка"><span>О сайте</span></a></li>
<a href="http://fullweb.ucoz.ru/" style="display: none;"></a>
</ul>

Все готово!

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