18:28
Простенькое лёгкое меню на css для тёмных дизайнов
Установка:
В самый верх вашего css вставляйте:
Code
/* rip by kiev-portal.pp.ua */
.bnav {width:185px; margin:0px; padding:0px; list-style:none; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #181818;border-bottom:1px solid #181818;}
.bnav li {height:16px; display:block; background:url(/images/menu_bg.png) no-repeat 0 0; border-top:1px solid #181818;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;}
/*----*/
В то место, где будет само меню, вставляйте:
Code
<ul class="bnav">
<li><a href="/" title="">Ссылка</a> </li>
<li><a href="/" title="">Ссылка</a> </li>
<li><a href="/" title="">Ссылка</a> </li>
<li><a href="/" title="">Ссылка</a> </li>
<li><a href="/" title="">Ссылка</a> </li>
</ul>
Осталось лишь залить картинку из прикреплённого архива в папку images
