Установка:
1. Скачиваем архив и заливаем картинки из скачаной папки в папку images
2. Копируем код, и вставляем между <head> и </head>
Code
<style type="text/css">
/* --------------------------
AUTHOR : ST1M
URL :
http://www.nncity.pp.ru Copyrights by ST1M
----------------------------*/
*{
margin:0;
padding:0;
}
body{
background:#fff;
color:#666;
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
}
#menu ul{
list-style:none;
}
#menu li{
list-style:none;
display:block;
float:left;
height:66px;
line-height:66px;
margin:0 1px;
}
#menu li a{
display:block;
float:left;
color:#9a9a9a;
font-size:11px;
font-weight:bold;
line-height:66px;
text-decoration:none;
padding:0 25px;
background:#e7eff1 url(images/menu_039_bg.gif) repeat-x;
}
#menu li a:hover{
color:#fff;
background:#da6800 url(images/menu_039_h.gif) repeat-x left;
}
#menu li a.current{
display:block;
float:left;
color:#fff;
background:#da6800 url(images/menu_039_h.gif) repeat-x left;
font-size:11px;
font-weight:bold;
line-height:66px;
text-decoration:none;
padding:0 25px;
}
#menu li a:hover.current{
color:#fff;
}</style>
3. Вставляем этот код в любое место
Quote
<div id="menu">
<ul>
<li><a href="Ссылка" class="current">Название</a></li>
<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>
</div>
Скачать «Красивое меню (горизонтальное)»
Источник материала: www.nncity.pp.ru