Вертикальное CSS меню №7
Простое оригинальное меню работающее по принципу hover стиля
Легко грузится и не нагружает html страницы сайта ucozon.ru .
Живой пример меню Установка:
Этот стиль меню вставляем в свои стиль сайта
Code
body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold; background: #F3FAFF; } h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:20px 15px; padding:0; } hr { border:none; border-top:1px solid #CCCCCC; height:1px; margin-bottom:25px; } ul { list-style: none; margin: 0; padding: 0; } #menu3321 { width: 200px; border-style: solid solid none solid; border-color: #677D92; border-size: 1px; border-width: 1px; margin: 10px; } #menu3321 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu3321 li a:link, #menu3321 li a:visited { color: #fff; display: block; background: url(images/menu3321.gif); padding: 8px 0 0 10px; } #menu3321 li a:hover, #menu3321 li #current { color: #283A50; background: url(images/menu3321.gif) 0 -32px; padding: 8px 0 0 10px; } #menu3321 li a:active { color: #283A50; background: url(images/menu3321.gif) 0 -64px; padding: 8px 0 0 10px; }
Само меню изменяем ссылки на свой ил вставляем в свое меню
Code
<div id="menu3321"> <ul> <li><a href="http://ucozon.ru/"><span>Главная</span></a></li> <li><a href="http://ucozon.ru/"><span>Поиск</span></a></li> <li><a href="http://ucozon.ru/"><span>Регистрация</span></a></li> <li><a href="http://ucozon.ru/"><span>Карта сайта</span></a></li> <li><a href="http://ucozon.ru/"><span>О сайте</span></a></li> </ul> </div>
Автор\Источник: ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Размер: 0,014 Мб