Главная » 2011 » Январь » 10 » Разноцветное горизонтальное меню
17:47
Разноцветное горизонтальное меню

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

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

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>
Категория: Скрипты для uCoz | Просмотров: 1035 | Добавил: ТoK™ | Рейтинг: 5.0/1
Всего комментариев: 2
Dj_DimaMC
Dj_DimaMC пишет:
ХЗ кто придумал, мне нравится! xD

zero_cool
zero_cool пишет:
и кто же придумал это безумие ?

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