Красивое меню в блоке в WEB стиле. Данное меню выполнено в темном цвете, при наведении на него курсором мыши вы видите как меняется его цвет на градиентный голубой цвет. В данное меню добавлены лайты, а так же слева располагается иконка, которая так же меняется при наведении.
Установка:
Ставим в блок:
Код
<div class="block_menu">
<ul>
<li><a href="/">Главная сайта</a></li>
<li><a href="/forum">Форум сайта</a></li>
<li><a href="/news">Новости сайта</a></li>
<li><a href="/publ">Статьи</a></li>
</ul>
</div>
В таблицу стилей CSS:
Код
/* block menu */
.block_menu {width:214px; margin:0 auto;}
.block_menu ul li {height:28px; line-height:28px; margin:0 0 3px 0;}
.block_menu ul li a {display:block; height:28px; background:url(/design/block_menu.png) no-repeat 0 0; text-decoration:none; padding:0 0 0 21px; color:#fff; text-shadow:1px 1px #262626;}
.block_menu ul li a:hover {background-position:0 -28px; padding:0 0 0 28px; text-shadow:1px 1px #163949;}
Скачать бесплатно Красивая навигация в веб стиле youcss
