Самые популярные фильмы
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: best-top  
Форум » Web Мастерам » Скрипты » Горизонтальное меню
Горизонтальное меню
MÖRDERДата: Понедельник, 02.02.2009, 13:01 | Сообщение # 1
Полковник
Группа: Пользователи
Сообщений: 232
Награды: 1
Репутация: 14
Замечания: 0%
Статус: :-(
Может кому-то надо.

Ставим в CSS в любое место
Code
/* Menu_2 */   
.preload1 {background: url(ссылка на ваш сайт/six_0.gif);}   
.preload2 {background: url(ссылка на ваш сайт/six_1.gif);}   

#nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(ссылка на ваш сайт/six_0.gif) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}   
#nav li.top {display:block; float:left;}   
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(ссылка на ваш сайт/six_0.gif);}   
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(ссылка на ваш сайт/six_0.gif) right top no-repeat;}   
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(ссылка на ваш сайт/six_0.gif) no-repeat right top;}   

#nav li:hover a.top_link,   
#nav a.top_link:hover   
{color:#fff; background: url(ссылка на ваш сайт/six_1.gif) no-repeat;}   
#nav li:hover a.top_link span,      
#nav a.top_link:hover span   
{background:url(ссылка на ваш сайт/six_1.gif) no-repeat right top;}   
#nav li:hover a.top_link span.down,   
#nav a.top_link:hover span.down   
{background:url(ссылка на ваш сайт/six_1.gif) no-repeat right top; padding-bottom:3px;}   
/* ------------- */

Ставим на ту страницу где хотим видеть эту менюшку (можно ставить куда угодно)
Code
<ul id="nav">   
      <li class="top"><a href="ваша ссылка"class="top_link"><span><b>Главная страница</b></span></a></li>   
      <li class="top"><a href="ваша ссылка"class="top_link"><span><b>Новинки</b></span></a></li>   
      <li class="top"><a href="ваша ссылка"class="top_link"><span>Форум</span></a></li>   
</ul>

Да и незабываем залить в корень сайта!
Архив
Источник



 
best-topДата: Суббота, 27.06.2009, 21:35 | Сообщение # 2
мОль он же best-top
Группа: Администраторы
Сообщений: 249
Награды: 2
Репутация: 14
Статус: :-(
MÖRDER, хороший скрипт не помешает


 
MÖRDERДата: Четверг, 02.07.2009, 19:37 | Сообщение # 3
Полковник
Группа: Пользователи
Сообщений: 232
Награды: 1
Репутация: 14
Замечания: 0%
Статус: :-(
ага


 
Форум » Web Мастерам » Скрипты » Горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск: