Картинка
1 Вариант :
Code
<style>
.bnav {width:185px; margin:0px; padding:0px; list-style:none; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #000;border-bottom:1px solid #000;}
.bnav li {height:16px; display:block; background:url(http://cs-portal.net.ua/Diz-cs/menu_bg.png) no-repeat 0 0; border-top:1px solid #000;text-indent:10px;font-size:11px;padding:1px 0 0 0}
.bnav li:hover {background-position:0 -15px;}
.bnav li:hover a:link,
.bnav li:hover a:active,
.bnav li:hover a:visited {color:#048adf;}
.bnav li:first-child {border:0;}
.bnav li a:link,
.bnav li a:active,
.bnav li a:visited {height:10px; display:block; color:#fff;}
.bnav li a:hover {text-decoration:none;}
</style>
<ul class="bnav">
<li><a href="#">Навгация</a></li>
<li><a href="#">Навгация</a></li>
<li><a href="#">Навгация</a></li>
<li><a href="#">Навгация</a></li>
<li><a href="#">Навгация</a></li>
</ul>
2 Вариант :
Code
<ul class="bnav">
<li><a href="/" title="Главная страница">Главная</A> </li>
<li><a href="/forum" title="Форум">Форум</a></li>
<li><a href="/publ/" title="Статьи">Статьи</a></li>
<li><a href="/dir" title="ТОП сайтов">TOP Сайтов</a> </li>
<li><a href="/photo/" title="Галерея"">Галерея</a> </li>
<li><a href="/forum/0-0-0-6" title="Поиск"">Поиск</a></li>
<li><a href="/index/reklama/0-20" title="Рекламное место"><span style="color:red">Свободно</span></a></li>
</ul>
В КСС
Code
/*Меню rip by qoof for Diz-cs.ru*/
.bnav {width:185px; margin:0px; padding:0px; list-style:none; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #000;border-bottom:1px solid #000;}
.bnav li {height:16px; display:block; background:url(http://cs-portal.net.ua/Diz-cs/menu_bg.png) no-repeat 0 0; border-top:1px solid #000;text-indent:10px;font-size:11px;padding:1px 0 0 0}
.bnav li:hover {background-position:0 -15px;}
.bnav li:hover a:link,
.bnav li:hover a:active,
.bnav li:hover a:visited {color:#048adf;}
.bnav li:first-child {border:0;}
.bnav li a:link,
.bnav li a:active,
.bnav li a:visited {height:10px; display:block; color:#fff;}
.bnav li a:hover {text-decoration:none;}
/*----*/
