Добавлено - 04.11.2010, 11:36
Добавил - U-cheniy
Категория - Навигация
Просмотров: 960
Комментариев - 0
Рейтинг: 5.0/1
Обсудить этот скрипт на форуме
Установка:
1. Качаем архив(Внизу!), создаём в файловом менеджере папку images, и заливаем в неё картинки
2. Копируем первый код скрипта в СSS, или вставляем между <head> и </head> Код1: <STYLE type="text/css">
/* --------------------------
gorizon_menu
----------------------------*/
*{
margin:0;
padding:0;
}
body{
background:#fff;
color:#666;
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
#menu{
width:700px;
}
#menu ul{
list-style:none;
}
#menu li{
list-style:none;
display:block;
float:left;
margin:0 1px;
}
#menu li a{
display:block;
float:left;
height:52px;
color:#0e7b93;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
background:url(/images/menu_027_l.jpg) no-repeat left;
line-height:39px;
padding:0 0 0 18px;
text-decoration:none;
}
#menu li a span{
display:block;
float:left;
background:url(/images/menu_027_r.jpg) no-repeat right;
height:52px;
color:#0e7b93;
line-height:39px;
padding:0 36px 0 17px;
}
#menu li a:hover{
display:block;
float:left;
background:url(/images/menu_027_h_l.jpg) no-repeat left;
height:52px;
}
#menu li a:hover span{
display:block;
float:left;
background:url(/images/menu_027_h_r.jpg) no-repeat right;
color:#7c832d;
height:52px;
}
#menu li a.current{
display:block;
float:left;
height:52px;
color:#7c832d;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
background:url(/images/menu_027_h_l.jpg) no-repeat left;
line-height:39px;
padding:0 0 0 18px;
text-decoration:none;
}
#menu li a.current span{
display:block;
float:left;
background:url(/images/menu_027_h_r.jpg) no-repeat right;
height:52px;
color:#7c832d;
line-height:39px;
padding:0 36px 0 17px;
}</STYLE><P>
3. Вставляем второй код туда где хотим видеть меню :)
Код2: <div id="menu">
<ul>
<li><a href="/" class="current"><span>Главная</span></a></li>
<li><a href="Ссылка"><span>Имя</span></a></li>
<li><a href="Ссылка"><span>Имя</span></a></li>
<li><a href="Ссылка"><span>Имя</span></a></li>
<li><a href="Ссылка"><span>Имя</span></a></li>
</ul>
</div>
4. Заменяем слова ссылка на Ваш адрес, а слово имя на название страницы :)
5. При желании можно вид этого меню изменить (подогнать под свой дизайн! Подробнее на нашем форуме!)
При копировании материала, прямая активная ссылка на сайт uvda.ucoz.ua обязательна!
| 
