Главная » 2010 » Сентябрь » 16 » Красивое зелёное вертикальное меню в стиле web 2.0
22:33:30
Красивое зелёное вертикальное меню в стиле web 2.0

Красивое зелёное вертикальное меню в стиле web 2.0

Установка:

Дизайн - Управление дизайном (CSS) - в самый низ ставим:

Code
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }

#menu {
  width: 170px;
  margin: 5%;
  }
   
#menu li a {
  height: 32px;
  voice-family: "\"}\"";  
  voice-family: inherit;
  height: 24px;
  text-decoration: none;
  text-align:left;
  }  
   
#menu li a:link, #menu li a:visited {
  color: #FFF;
  display: block;
  background: url('http://forweb.ucoz.org/_sf/0/36_menu_green.png');
  padding: 8px 0 0 10px;
  }
   
#menu li a:hover {
  color: #FFF;
  background: url('http://forweb.ucoz.org/_sf/0/36_menu_green.png') 0 -32px;
  padding: 8px 0 0 10px;
  }

А это сам код меню,Ставим в блок или куда вам надо:

Code
<div id="menu">
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/forum">фoрум</a></li>
<li><a href="/gb">Гостевая</a></li>
<li><a href="Ссылка">Название</a></li>
<li><a href="Ссылка">Название</a></li>
</ul>
</div>
Скрипты для uCoz | Просмотров: 1267 | Добавил: RAIDER
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]