Установка:
Качаем картинки
и закачиваем из к себе на форум
Копируем код в css то что ниже
- Код: Выделить всё
#menu {
}
#menu ul{
list-style:none;
}
#menu li {
background:url(url на картинку menu_035_bg.jpg) repeat-x;
list-style:none;
display:block;
float:left;
height:36px;
border-right:1px solid #dbdbdb;
line-height:36px;
}
#menu li a {
display:block;
float:left;
color:#b1b1b1;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:36px;
text-decoration:none;
padding:0 25px;
}
#menu li a:hover {
color:#747474;
background:url(url на картинку menu_035_h.jpg) repeat-x;
}
#menu li a.current {
display:block;
float:left;
color:#6c822e;
background:url( url на картинку menu_035_c.jpg) repeat-x;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:36px;
text-decoration:none;
padding:0 25px;
}
#menu li a:hover.current {
color:#6c822e;
}
url на картинку menu_035_c.jpg - меняете на картинку
Потом сам код вставляете[s]куда угодно[/s] там где должно быть меню:
- Код: Выделить всё
<div id="menu">
<ul>
<li><a href="/" class="current">Главная</a></li>
<li><a href="/index.php">форум</a></li>
<li><a href="4admins.ru">4admins</a></li>
<li><a href="ссылка">Название</a></li>
<li><a href="ссылка">Название</a></li>
<li><a href="ссылка">Название</a></li>
</ul>
</div>