Главная » 2010 » Сентябрь » 28 » Красивое вертикальное меню (Скрипты для ucoz)
28.09.2010, 11:02

Красивое вертикальное меню



Красивое серо-зеленое меню для сайта.

Идем ПУ-->Управление дизайном-->CSS. В самый низ ставим это:

Code
ul#menu {
  width: 200px;
}
ul#menu li
{
  background: url('http://studioac.ru/uploads/vert-menu/bg-menu.gif') no-repeat bottom left;
  display: block;
  min-height: 30px;
}

ul#menu li:hover
{
  background-position: -200px bottom;
}

.main ul#menu li
{
  width: 199px;
}

.second ul#menu li
{
  width: 189px;
}

ul#menu a:visited,
ul#menu a:link,
ul#menu a
{
  background: url('http://studioac.ru/uploads/vert-menu/cap-menu.gif') no-repeat top left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: white;
  padding: 5px 10px 10px 19px;
  display: block;
}

ul#menu a:hover
{
  background-position: -200px 0;
}​

Затем, в нужное место сайта ставим это:

Code

<ul id="menu">
  <li><a href="http://www.infoscript.ru" target="_self">Главная</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
</ul>
Материал взят с сайта infoscript.ru
Теги: Скачать Красивое вертикальное меню
Скачать "Красивое вертикальное меню"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: studioac.ru
Категория: Скрипты uCoz | Просмотров: 6270 | Добавил: antisept | Рейтинг: 2.5/2 |
Теги: вертикальное, красивое, меню
Всего комментариев: 1
0  
1 Fosters   (01.08.2012 21:02) [Материал]
Аватар пользователя
не работает angry

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]