Простое черно-серое меню с использованием html и css Закачиваем в корень сайта файл "vert_menu.png". В таблицы стилей CSS добавляем "css код", а в необходимом месте вывода меню вставляем "html код" отредактировав ссылки. html код: Code <div id="vert_menu"> <ul> <li><a href="#"><span>Главная</span></a></li> <li><a href="#"><span>Поиск</span></a></li> <li><a href="#"><span>Регистрация</span></a></li> <li><a href="#"><span>Карта сайта</span></a></li> <li><a href="#"><span>О сайте</span></a></li> </ul> </div> css код: Code ul { list-style: none; margin: 0; padding: 0; } img { border: none; }
#vert_menu { font-weight: bold; font-family: Verdana, Helvetica, sans-serif; text-decoration: none; font-size: 80%; width: 202px; }
#vert_menu li { height: 37px;
}
#vert_menu li a:link, #vert_menu li a:visited { text-decoration: none; color: #98b8bf; display: block; background: url(vert_menu.png) 0 0 no-repeat; padding: 10px 0 10px 10px; }
#vert_menu li a:hover, #vert_menu li #current { color: #FFF; background: url(vert_menu.png) 0 -37px no-repeat; padding: 10px 0 10px 15px; } Источник: open.freedom-vrn.ru/
|