Главная » 2011 » Январь » 9 » Разноцветное горизонтальное меню (Скрипты для ucoz)
09.01.2011, 12:14

Разноцветное горизонтальное меню



Красивое горизонтальное меню.

Код копируем в нужное место шаблона:

Code
<script type="text/javascript" src="/menu_yourserv/js/menu.js"></script>  
  <script type="text/javascript" src="/menu_yourserv/js/dle_ajax.js"></script>  
  <script type="text/javascript" src="/menu_yourserv/js/js_edit.js"></script>  
  <script type="text/javascript" src="/menu_yourserv/js/highslide.js"></script>  
  <link rel="stylesheet" href="/menu_yourserv/menu_style.css" type="text/css" />  
  <script type="text/javascript" src="/menu_yourserv/js/mootools.js"></script>  
  <script type="text/javascript" src="/menu_yourserv/js/noobslide.js"></script>  
  <script type="text/javascript" src="/menu_yourserv/js/jquery.js"></script>  
  <script type="text/javascript" src="/menu_yourserv/js/tabs.js"></script>  
  <script type="text/javascript" src="/menu_yourserv/js/jquery-ui.min.js" ></script>  
  <script type="text/javascript" src="/menu_yourserv/js/qTip.js" ></script>  
  <div class="left-shad"><div class="right-shad">  
  <div id="menu">  
  <div class="root">  
  <ul>  
  <li><a href="#nogo" style="background: url(/menu_yourserv/img/menu-1.png) right top no-repeat;">ГЛАВНАЯ</a></li>  
  <li><a href="#nogo" style="background: url(/menu_yourserv/img/menu-2.png) right top no-repeat;">Counter Strike Source</a></li>  
  <li><a href="#nogo" style="background: url(/menu_yourserv/img/menu-3.png) right top no-repeat;">Left 4 Dead</a></li>  
  <li><a href="#nogo" style="background: url(/menu_yourserv/img/menu-4.png) right top no-repeat;">Left 4 Dead 2</a></li>  
  <li><a href="#nogo" style="background: url(/menu_yourserv/img/menu-5.png) right top no-repeat;">Team Fortress 2</a></li>  
  <li><a href="#nogo" style="background: url(/menu_yourserv/img/menu-6.png) right top no-repeat;">DOD:S</a></li>  
  <li><a href="#nogo" style="background: url(/menu_yourserv/img/menu-7.png) right top no-repeat;">Counter Strike 1.6</a></li>  
  </ul>  
  </div>  
  <div class="mask"><div id="box" class="children">  
  <div>  
  <ul>  
  <li><a href="/">→ Главная</a></li>  
  <li><a href="/forum/">→ !НАШ Форум!</a></li>  
  <li><a href="/lgsl/">→ !Мониторинг на сайте!</a></li><noindex><nofollow>  
  <li><a href="http://monitor.infin1ty.ru/">→ !Мониторинг серверов!</a></li>  
  <li><a href="http://vkontakte.ru/club5104037">→ !МЫ Вконтакте!</a></li></noindex></nofollow>  
  <li><a href="http://yourserv.ru/index.php?do=register">→ >> РЕГИСТРАЦИЯ ТУТ! <<</a></li>  
  </ul>  
  </div>  
  <div style="background: #63416b;">  
  <ul>  
  <li><a href="/cssplugins/">→ Плагины EventScripts</a></li>  
  <li><a href="/statscss/">→ Статьи </a></li>  
  <li><a href="/css_new/">→ Готовые сервера (NEW)</a></li>  
  <li><a href="/serverscss/">→ Готовые сервера </a></li>  
  <li><a href="/cssplugins_sm/">→ Плагины Source MOD</a></li>  
  <li><a href="/mods/">→ Модели</a></li>  
  <li><a href="/maps_css/">→ Карты</a></li>  
  </ul>  
  </div>  
  <div style="background: #446849;">  
  <ul>  
  <li><a href="/serversl4d/">→ Готовые сервера </a></li>  
  <li><a href="/skins/">→ Скины </a></li>  
  <li><a href="/plugins_l4d/">→ Плагины Source MOD</a></li>  
  </ul>  
  </div>  
  <div style="background: #729ae5;">  
  <ul>  
  <li><a href="/servers_l4d2/">→ Готовые сервера </a></li>  
  <li><a href="/l4d2_pl/">→ Плагины Source MOD</a></li>  
  </ul>  
  </div>  
  <div style="background: #c672e5;">  
  <ul>  
  <li><a href="/servers_tf2/">→ Готовые сервера </a></li>  
  <li><a href="/skins_tf2/">→ Скины </a></li>  
  <li><a href="/pl_tf2/">→ Плагины Source MOD</a></li>  
  </ul>  
  </div>  
  <div style="background: #a37750;">  
  <ul>  
  <li><a href="/servers_dod/">→ Готовые сервера </a></li>  
  <li><a href="/pl_dod/">→ Плагины Source MOD</a></li>  
  </ul>  
  </div>  
  <div style="background: #cf6b08;">  
  <ul>  
  <li><a href="/csplugs/">→ Плагины </a></li>  
  <li><a href="/statscs/">→ Статьи </a></li>  
  <li><a href="/servercs/">→ Готовые сервера</a></li>  
  <li><a href="/stop/">→ Защита сервера </a></li>  
  <li><a href="/map_make/">→ Маппинг</a></li>  
  </ul>  
  </div>  
  </div></div>  
  </div>
  <script type="text/javascript">  
  <!--
  window.addEvent('domready',function() {
  var nsMenu=new noobSlide({
  box: $('box'),
  items: $$('#box div'),
  size: 1000,
  handles: $$('#menu .root li a'),
  // handle_event: 'mouseover',
  fxOptions: {duration: 1000},
  onWalk: function(currentItem,currentHandle) {
  this.handles.removeClass('active');
  currentHandle.addClass('active');
  }
  });
  nsMenu.fx.onComplete=function() {
  nsMenu.box.fade(1);
  }
  });
  //-->
  </script>  
  <div class="right-box">  
  <div style="padding: 5px;"><a href="#" title="Пока не работает">FAQ</a> | <a href="http://yourserv.ru/engine/rss.php" title="Подписка на новости сайта">RSS</a> | <a href="http://yourserv.ru/adv.html" title="Реклама на сайте.Читайте подробности">РЕКЛАМА</a></div>  
  </div>
Материал взят с сайта infoscript.ru
Теги: Скачать Разноцветное горизонтальное меню
Скачать "Разноцветное горизонтальное меню"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 5561 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: Горизонтальное, меню, разноцветное
Всего комментариев: 1
-1  
1 manikom-auto   (16.10.2011 22:15) [Материал]
Аватар пользователя
Смотри тут: ДЕМО МАТЕРИАЛА

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