Приветствую Вас Прохожий | RSS Вторник, 06.12.2016, 05:50
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 6
Гостей: 5
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Горизонтальное меню меняющиеся higslayd

Горизонтальное меню меняющиеся higslayd
пример меню живой

это в head но советую все js ссылки пере залить на свой сайт

Code
<link type="text/css" rel="StyleSheet" href="http://s28.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s28.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlock {display:none}</style>
<link type="text/css" rel="StyleSheet" href="http://s42.ucoz.net/src/layer1.css" /><script type="text/javascript" src="http://s42.ucoz.net/src/u.js"></script><style type="text/css">.UhideBlock {display:none}</style>

<style type="text/css" media="all">  
@import url(highslide/highslide.css);  
</style><script type="text/javascript" src="http://arsenal-london.3dn.ru/highslide/highslide.js"></script><script type="text/javascript">  
  hs.graphicsDir = 'highslide/graphics/';  
</script>

это само меню
Code
<table border="0" cellpadding="0" cellspacing="0" width="20%">

<script type="text/javascript" language="javascript" src="http://arsenal-london.3dn.ru/images/menu.js"></script>

  </table>

<div id="menu">
  <ul>
  <li class="active" id="menu1" onclick="menu('menu1');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Новости</span><span class="m3"></span></a></li>
  <li id="menu2" onclick="menu('menu2');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Команда</span><span class="m3"></span></a></li>

  <li id="menu3" onclick="menu('menu3');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Arsenal London</span><span class="m3"></span></a></li>
  <li id="menu4" onclick="menu('menu4');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Сезон</span><span class="m3"></span></a></li>
  <li id="menu5" onclick="menu('menu5');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Галерея</span><span class="m3"></span></a></li>
  <li id="menu6" onclick="menu('menu6');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Общение</span><span class="m3"></span></a></li>
  <li id="menu7" onclick="menu('menu7');"><a href="javascript:void(null);"><span class="m1"></span><span class="m2">Сайт</span><span class="m3"></span></a></li>

</ul>

  </div>
  <div id="tabs">
  <ul style="display: block;" id="tab_menu1">
  <li><a href="http://arsenal-london.3dn.ru/news/1-0-1">Премьер Лига</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-2">Лига Чемпионов</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-3">Сборная</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-4">Интервью</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-5">Трансферы</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-6">Матчи</a></li> </ul>

  <ul id="tab_menu2">
  <li><a href="http://arsenal-london.3dn.ru/index/0-23">Информация о клубе</a></li><li><a href="http://arsenal-london.3dn.ru/blog">Состав</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-14">Тренерский штаб</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-9">Трансферы</a></li> </ul>
  <ul id="tab_menu3">
  <li><a href="http://arsenal-london.3dn.ru/index/0-21">История клуба</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-24">Гимн</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-19">Музей клуба</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-5">Emirates Stadium</a></li> </ul>

  <ul id="tab_menu4">
  <li><a href="http://arsenal-london.3dn.ru/index/0-25">Премьер Лига</a></li><li><a href="http://arsenal-london.3dn.ru/news/1-0-2">Лига Чемпионов</a></li> </ul>
  <ul id="tab_menu5">
  <li><a href="http://arsenal-london.3dn.ru/photo/1">Обои</a></li><li><a href="http://arsenal-london.3dn.ru/photo/2">Аватарки</a></li><li><a href="http://arsenal-london.3dn.ru/photo/3">Подписи</a></li><li><a href="http://arsenal-london.3dn.ru/photo/4">Юзербары</a></li> </ul>

  <ul id="tab_menu6">
  <li><a href="http://arsenal-london.3dn.ru/forum">Форум</a></li><li><a href="http://arsenal-london.3dn.ru/gb">Гостевая книга</a></li> </ul>
  <ul id="tab_menu7">
  <li><a href="http://arsenal-london.3dn.ru/index/8-1">Администрация</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-27">Наши баннеры</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-28">Ссылки</a></li><li><a href="http://arsenal-london.3dn.ru/index/0-3">Обратная связь</a></li> </ul><!--/U1MENU1Z-->

  </div>

<br><br>
</div>

в таблицу стилей

Code

/* ----////// яПН?яПНяПНяПНяПНяПН? /////------- */  

#page {
  margin:0 auto;
  padding:0;
  text-align:left;
  width:932px;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:10px;
  color:#000;
  position:relative;
}
a img {border:none;}
a {
  text-decoration:none;
  color:#000;
}
ul {
  margin:0;
  padding:0;
  list-style:none;
}

#top p{
  position:absolute;
  margin:0;
  padding:0;
  top:20px;
}

#menu {
  width:932px;
  height:35px;
  padding-top:8px;
  background:url(http://arsenal-london.3dn.ru/images/menu.png);
}
#menu li {
  float:left;
  height:8px;
  padding:0px 8px 10px 8px;
  font-size:10px;
  background:url() right center no-repeat;
}
#menu li.active {
  background:url();
}
#menu a {
  color:#FFF;
  float:left;
  height:35px;
}
#menu a span {
  float:left;
  height:35px;
}
#menu a .m1, #menu a .m3 {
  width:5px;
}

#tabs {
  position:absolute;
  top:35px;
  width:912px;
  height:20px;
  left:0;
  margin: 0 auto;
  background:url(http://arsenal-london.3dn.ru/Untitled-1_copy.png);
  padding:7px 0 0 20px;
}
#tabs ul {
  display:none;
}
#tabs ul li {
  height:auto;
  padding:0 0 0 10px;
  font-size:10px;
  margin-left:20px;
  display:inline;
  background: url(http://arsenal-london.3dn.ru/o.jpg) 0px 0px no-repeat;
}

/* ------------ */
Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3732 | Комментарии: 2 | Рейтинг: 5.0/1 | |Категория: Скрипты блоки и шапки | Добавил: mdbaner | Дата: 05.04.2010 | Скачали: 0 | Теги: Горизонтальное, меню, higslayd, меняющиеся
Похожие новости на нашем сайте
  • Чистка зубов киев

    Купить отбеливающий карандаш для зубов Bright White, доставка, супер цена

    norma-dental.kiev.ua

Коментарий к новости

Всего комментариев: 2
2 UcoZman   Дата: 28.12.2010  Время: 05:54   [№ 5646]
блин не работает((((

-1   Спам
1 keras   Дата: 03.08.2010  Время: 14:18   [№ 3802]
прикона))


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru