Интересное меню вертикальное с заточкой при помощи стилей ccs, исключительно подоидет только под светлый дизайн сайтов.
Начинаем установку меню:
Вставляем или через глобальный блок, или в сам контейнер с меню
Code
<style>
.block_menu {margin:0; padding:0; list-style:none;}
.block_menu a:link,
.block_menu a:active,
.block_menu a:visited {width:159px; height:18px; padding:2px 0 0 21px; display:block; margin:0 0 1px 0; color:#747475; text-decoration:none; overflow:hidden; background:url(http://ucozua.ru/Scripts/15/111.png) no-repeat 0 0;}
.block_menu a:hover {color:#fff; background-position:0 -20px;background:url(http://ucozua.ru/Scripts/15/222.png) no-repeat 0 0;}
</style>
<ul class="block_menu">
<a href="/">Главная</a>
<a href="/forum/">Форум</a>
<a href="/forum/">Форум</a>
<a href="/">by uCoz.Ru</a>
</ul></div>
.block_menu {margin:0; padding:0; list-style:none;}
.block_menu a:link,
.block_menu a:active,
.block_menu a:visited {width:159px; height:18px; padding:2px 0 0 21px; display:block; margin:0 0 1px 0; color:#747475; text-decoration:none; overflow:hidden; background:url(http://ucozua.ru/Scripts/15/111.png) no-repeat 0 0;}
.block_menu a:hover {color:#fff; background-position:0 -20px;background:url(http://ucozua.ru/Scripts/15/222.png) no-repeat 0 0;}
</style>
<ul class="block_menu">
<a href="/">Главная</a>
<a href="/forum/">Форум</a>
<a href="/forum/">Форум</a>
<a href="/">by uCoz.Ru</a>
</ul></div>
Остаются только настройка размеров , это можно сделать в стиле
Теги:
Проверить тиц
Витрина ссылок
