Вертикальное меню серо-зеленое меню с эффектом наведения
Вертикальное меню серо-зеленое меню с эффектом наведения. Меню закруглено,отлично подойдет под зеленые и серые шаблоны.

В 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="/" 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>


Источник: http://www.studioac.ru/uploads/vert-menu/sero-zelenoe-vert-menu.jpg
Категория: Разное | Добавил: Admin (25.10.2010) | Автор: isucoz.ru
Просмотров: 401 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]