Вертикальное меню серо-зеленое меню с эффектом наведения
Вертикальное меню серо-зеленое меню с эффектом наведения. Меню закруглено,отлично подойдет под зеленые и серые шаблоны. В 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 | |
| |
Просмотров: 401 | |
Всего комментариев: 0 | |