Но!! Есть проблема - меню не работает в Google Chrome (а именно не хочет менятся подменю при клике на меню) - вот если не понятно [spoiler=Пример, демо сайт] http://your-serva4ok.ucoz.com/[/spoiler]
Низнаю в чём может быть проблема - в Firefox , Opera , IE и т.п. робит Есть сайт где меню работает как нивчём не бывало
http://yourserv.ru
Вот инструкция была по установке :
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>
Вам остается только залить файлы и перейменовать меню под себя. - ---------- ну это я сделал - и ссылки уже в код ссверху вставил
Добавлено (21.07.2011, 20:20) --------------------------------------------- ой сорри - правила потом прочитал - ссылки в [spoiler][/spoiler] не сделал
Не знаю, вроде такого нельзя сделать. Я на твой сайт вошёл как пользователь.
да это просто демо сайт - чтобы на нормальном дизайн не сломать Типо подстраховаться - и пользователем ты зашёл потому шо - ты уже в системе ucoz вошёл
<div class="left-shad"><div class="right-shad"> <div id="menu"> <div class="root"> <ul> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-1.png) right top no-repeat;" class="active">ГЛАВНАЯ</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-2.png) right top no-repeat;" class="">Counter Strike Source</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-3.png) right top no-repeat;" class="">Left 4 Dead</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-4.png) right top no-repeat;" class="">Left 4 Dead 2</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-5.png) right top no-repeat;" class="">Team Fortress 2</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-6.png) right top no-repeat;" class="">DOD:S</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-7.png) right top no-repeat;" class="">Counter Strike 1.6</a></li> </ul> </div>
<div id="menu"> <div class="root"> <ul> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-1.png) right top no-repeat;" class="">ГЛАВНАЯ</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-2.png) right top no-repeat;" class="">Counter Strike Source</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-3.png) right top no-repeat;" class="">Left 4 Dead</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-4.png) right top no-repeat;" class="active">Left 4 Dead 2</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-5.png) right top no-repeat;" class="">Team Fortress 2</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-6.png) right top no-repeat;" class="">DOD:S</a></li> <li><a href="#nogo" style="background: url(http://yourserv.ru/templates/universal/images/menu-7.png) right top no-repeat;" class="">Counter Strike 1.6</a></li> </ul> </div>
Fatal1ti, Попробуй вот это,только ссылки замени: ..... Это поставь между <head></head>: Code <script type="text/javascript" src="http://yourserv.ru/engine/classes/js/menu.js"></script>
Немножко изменилось - подменю теперь не на 1 на 4 показано но не меняется