Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Все для web мастера » Скрипты » Горизонтальное меню
Горизонтальное меню
PvPДата: Четверг, 26.02.2009, 22:26 | Сообщение # 1
Сержант
Группа: Администраторы
Сообщений: 29
Репутация: 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>


sssssss
 
Смайл настроения:
Форум » Все для web мастера » Скрипты » Горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последнии темы Читаемые темы Лучшии пользователи Новые пользователи
Зарег. на сайте
Всего: 28
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 2
Модераторов: 2
Проверенных: 1
Обычных юзеров: 23

Изготовление баннеров...

(1)

Изготовление больших ...

(1)

Мини-профиль+

(0)

Автоматическое поздра...

(0)

Обновление странцы ка...

(0)

Шаблон под ucoz

(0)

Шаблон cs для ucoz (б...

(0)

Шаблон под кс

(0)

Шаблон by XaKeP

(0)

Собираем готовый серв...

(2)


Copyright MyCorp © 2020