Главная | Форум | Реклама | Shop Flash-JePo | Картинки | Регистрация | Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Горизонтальное hover меню
JeepersДата: Суббота, 26.03.2011, 12:08 | Сообщение # 1




Администратор портала







Главный Админ
Сталин
Группа: Администраторы
Сообщений: 937
Награды: 0
Репутация: 13

Горизонтальное hover меню
Установка
В head ставим это:

Code
<style type="text/css">   
   *{   
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{   
background:url(/images/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(/images/menu_035_h.jpg) repeat-x;   
}   
#menu li a.current{   
display:block;   
float:left;   
color:#6c822e;   
background:url(/images/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;   
}</style>

Там, где нужно вывести меню, пишем это:

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>   
<li><a href="ссылка">Название</a></li>   
</ul>   
</div>
Прикрепления: 7170209.gif (7.4 Kb)


Требуются: Модераторы, Журналист новостей, Дизайнер!
Shop Flash-JePo
 
Реклама
  • Страница 1 из 1
  • 1
Поиск: