[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивое меню (горизонтальное)
NeyronДата: Воскресенье, 15.11.2009, 02:52 | Сообщение # 1
Гл.админ
Группа: Проверенные
Сообщений: 219
Репутация: 4 []
Статус:
.: Дополнительные данные :.
Бог форума За хорошую посещаемость на форуме За супер посещаемость За Генералисимуса

Установка:

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. Вставляем этот код в любое место
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>
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2026