Главная » 2010 » Октябрь » 12 » Вертикальное зеленое меню (Скрипты для ucoz)
12.10.2010, 16:12

Вертикальное зеленое меню



Красивое и простое зеленое меню с использованием CSS.

В нужное место (там, где вы хотите видеть меню) вставляете этот код:

Code
<div id="menu">  
  <ul>  
  <li><a href="http://ссылка/">Название</a></li>  
  <li><a href="http://ссылка/">Название</a></li>  
  <li><a href="http://ссылка/">Название</a></li>  
  <li><a href="http://ссылка/">Название</a></li>  
  <li><a href="http://ссылка/">Название</a></li>  

  </ul>  
</div>

Затем, в ПУ-->Управление дизайном-->CSS. В любое место кидаем это:

Code

ul {  
  list-style: none;  
  margin: 0;  
  padding: 0;  
  }  
   
#menu {  
  width: 200px;  
  margin: 10px;  
  }  
   
#menu li a {  
  height: 32px;  
  voice-family: "\"}\"";  
  voice-family: inherit;  
  height: 24px;  
  text-decoration: none;  
  }  
   
   
#menu li a:link, #menu li a:visited {  
  color: #8D9179;  
  display: block;  
  background: url(menu.gif);  
  padding: 8px 0 0 10px;  
  }  
   
#menu li a:hover, #menu li a:active {  
  color: #6C7250;  
  background: url(http://rucoz.com/img/menu.gif) 0 -32px;  
  padding: 8px 0 0 10px;  
  }

Картинка для меню:

Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: rucoz.com
Категория: Скрипты uCoz | Просмотров: 3254 | Добавил: antisept | Рейтинг: 3.0/1 |
Теги: вертикальное, зеленое, меню
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]