Представляю Вашему вниманию красивое Стильное CSS вертикальное меню, которое подойдет под сайты с темными шаблонами. PSD был по заимствован, но его можно изменить если вы достаточно сильны в фотшопе. Главное различие не сильное в цвете делать по всем 3 полоскам, так же соблюдать закругленные углы. а в остальном настройка только в таблице стилей.
Установка:
Туда где хотим видеть меню:
Code
<div class="menu-ma"> <a href="http://syte.ru/" class="menu-tab"><span>Проверка меню</span></a> <a href="http://syte.ru/" class="menu-tab"><span>Вышло не плохо</span></a> <a href="http://syte.ru/" class="menu-tab"><span>by domenik</span></a> <a href="http://syte.ru/" class="menu-tab"><span>for uSite.su</span></a> </div>
В CSS вставляем:
Code
/* Menu by uSite.su - domenik */ .menu-tab span { display:inline-block; font-family:sans-serif; font-weight:bold; font-size:12px; padding-left:6px; padding-top:10px; color:#fff; text-shadow:0px 1px 0px #282828; } .menu-ma { border:1px solid #282828; width:239px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-bottom:0px; } a.menu-tab:link, a.menu-tab:visited { border-bottom:1px solid #282828; display:block; text-decoration:none; width:239px; height:34px; background:url('http://ucozon.ru/_dr/59/20719880.png'); } a.menu-tab:hover { background:url('http://ucozon.ru/_dr/59/20719880.png') 0px 68px; } a.menu-tab:active { background:url('http://ucozon.ru/_dr/59/20719880.png') 0px 34px; } /* ------------------ */
Автор\Источник: http://usite.su
Для того что бы скачать архив необходимо зайти на сайт как пользователь.