Горизонтальное меню, подойдет для темных дизайнов например тематики CS
Установка
1. Качаем архив, закидываем картинки в папку images
2. Копируем код скрипта ucoz - и вставляем между <head> и </head>
Code
}
body{
background:#fff;
color:#666;
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
/* margin:0 auto;*/
width:700px;
height:59px;
background:url(/images/menu_034_bg.jpg) repeat-x;
}
#menu ul{
list-style:none;
margin:0 auto;
width:500px;
}
#menu li{
list-style:none;
display:block;
float:left;
height:59px;
line-height:59px;
}
#menu li a{
display:block;
float:left;
color:#a7a7a7;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:59px;
text-decoration:none;
padding:0 20px;
}
#menu li a:hover{
color:#fff;
background:url(/images/menu_034_h.jpg) no-repeat bottom;
}
#menu li a.current{
display:block;
float:left;
background:url(/images/menu_034_h.jpg) no-repeat bottom;
color:#fff;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:59px;
text-decoration:none;
padding:0 20px;
}
#menu li a:hover.current{
color:#fff;
}</STYLE><P>
3. Вставляем код скрипта ucoz туда где хотим видеть меню
Code
<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>
</ul>
</div>
скачать