| | |
|
Обновленные темы |
Популярные темы |
Последние файлы |
Последние новости |
|
|
|
|
Новое сталкерское меню для uCoz
|
|
|
Дата: Ср, 16.03.2016, 20:33:56 | Сообщение # 1
|
|
Установка: весь этот код пихаем в свободный блок.
Код <style> td.newmenu{font:10pt Verdana; text-align:center; vertical-align:top; height:20px;} td.newmenu:hover{font-weight:bold !important; cursor:pointer; background:url('http://i.imgur.com/gGVSXTH.png');text-shadow:0px 0px 15px #AAAA00;} .newmenu a{color:#9f9f9f;} .newmenu a:hover{color:#CCCCCC !important;}</style> <div style="background:url('http://i.imgur.com/ckG5rOX.png') no-repeat; height:auto; width:197px; text-align:center; padding:15px 0px;"> <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0"> <tbody> <tr><td id="mainmenu1" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="/" class="anewmenu1"><div style="width:100%;height:100%;">Главная</div></a></td></tr> <tr><td id="mainmenu2" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="/forum" class="anewmenu2"><div style="width:100%;height:100%;">Форум</div></a></td></tr> <tr><td id="mainmenu3" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="/load" class="anewmenu3"><div style="width:100%;height:100%;">Каталог файлов</div></a></td></tr> <tr><td id="mainmenu4" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="/video" class="anewmenu4"><div style="width:100%;height:100%;">Видеофлудилка</div></a></td></tr> <tr><td id="mainmenu5" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="/photo" class="anewmenu5"><div style="width:100%;height:100%;">Фотоальбомы</div></a></td></tr> <tr><td id="mainmenu11" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="/dir" class="anewmenu11"><div style="width:100%;height:100%;">Каталог сайтов</div></a></td></tr> <tr><td id="mainmenu6" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="/index/sostav_bratstva/0-16" class="anewmenu6"><div style="width:100%;height:100%;">Состав Братства</div></a></td></tr> <tr><td id="mainmenu7" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="/index/ideologija_bratstva/0-35" class="anewmenu7"><div style="width:100%;height:100%;">Идеология Братства</div></a></td></tr> <tr><td id="mainmenu9" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="http://stalkerserver.ru/" class="anewmenu9" target="_blank"><div style="width:100%;height:100%;">Статистика сервера</div></a></td></tr> <tr><td id="mainmenu8" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="http://stalkerserver.ru/rules.php" class="anewmenu8" target="_blank"><div style="width:100%;height:100%;">Правила сервера</div></a></td></tr> <tr><td id="mainmenu10" class="newmenu" onmouseover="MenuMouseMove1()" onmouseout="MenuMouseMove2()"><a href="/index/ubei_vremja/0-34" class="anewmenu10"><div style="width:100%;height:100%;">Убей время</div></a></td></tr> </tbody> </table> </div> <script type="text/javascript"> function MenuMouseMove1() { $(".newmenu").css("background", ""); $(".newmenu").css("text-shadow", ""); }; function MenuMouseMove2() { var locurl = location.href; if ( (locurl == "http://www.kvazar-team.ru/" )||( locurl.indexOf("/news") > -1 ) ){ $("#mainmenu1").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu1").css("font-weight", "bold"); $(".anewmenu1").css("color", "#CCCCCC"); $("#mainmenu1").css("text-shadow", "0px 0px 15px #AAAA00"); }; if ( locurl.indexOf("/forum") > -1 ) { $("#mainmenu2").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu2").css("font-weight", "bold"); $(".anewmenu2").css("color", "#CCCCCC"); $("#mainmenu2").css("text-shadow", "0px 0px 15px #AAAA00"); }; if ( locurl.indexOf("/load") > -1 ) { $("#mainmenu3").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu3").css("font-weight", "bold"); $(".anewmenu3").css("color", "#CCCCCC"); $("#mainmenu3").css("text-shadow", "0px 0px 15px #AAAA00"); }; if ( locurl.indexOf("/video") > -1 ) { $("#mainmenu4").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu4").css("font-weight", "bold"); $(".anewmenu4").css("color", "#CCCCCC"); $("#mainmenu4").css("text-shadow", "0px 0px 15px #AAAA00"); }; if ( locurl.indexOf("/photo") > -1 ) { $("#mainmenu5").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu5").css("font-weight", "bold"); $(".anewmenu5").css("color", "#CCCCCC"); $("#mainmenu5").css("text-shadow", "0px 0px 15px #AAAA00"); }; if ( locurl.indexOf("/index/0-16") > -1 ) { $("#mainmenu6").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu6").css("font-weight", "bold"); $(".anewmenu6").css("color", "#CCCCCC"); $("#mainmenu6").css("text-shadow", "0px 0px 15px #AAAA00"); }; if ( locurl.indexOf("/index/0-35") > -1 ) { $("#mainmenu7").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu7").css("font-weight", "bold"); $(".anewmenu7").css("color", "#CCCCCC"); $("#mainmenu7").css("text-shadow", "0px 0px 15px #AAAA00"); }; if ( locurl.indexOf("/index/0-36") > -1 ) { $("#mainmenu8").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu8").css("font-weight", "bold"); $(".anewmenu8").css("color", "#CCCCCC"); $("#mainmenu8").css("text-shadow", "0px 0px 15px #AAAA00"); }; if ( locurl.indexOf("/index/0-38") > -1 ) { $("#mainmenu9").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu9").css("font-weight", "bold"); $(".anewmenu9").css("color", "#CCCCCC"); $("#mainmenu9").css("text-shadow", "0px 0px 15px #AAAA00"); }; if ( locurl.indexOf("/index/0-34") > -1 ) { $("#mainmenu10").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu10").css("font-weight", "bold"); $(".anewmenu10").css("color", "#CCCCCC"); $("#mainmenu10").css("text-shadow", "0px 0px 15px #AAAA00"); };
if ( locurl.indexOf("/dir") > -1 ) { $("#mainmenu11").css("background", "url('http://i.imgur.com/gGVSXTH.png')"); $("#mainmenu11").css("font-weight", "bold"); $(".anewmenu11").css("color", "#CCCCCC"); $("#mainmenu11").css("text-shadow", "0px 0px 15px #AAAA00"); }; }; MenuMouseMove2(); </script> Источник: Bar-Reaktor.Ru Автор меню: (KBA3AP)-КРОВОСОС Сайт автора: kvazar-team.ru С рипал: XemorDio
Сталкер XemorDio.. В Зоне: 25.09.2013 Ранг: О-Сознание Страна: Япония город: Лион
|
|
|
Дата: Сб, 26.03.2016, 12:17:37 | Сообщение # 2
|
|
Это старый код меню. Новый код правильнее и короче. Функциональность не изменилась.
Код <style type="text/css"> #main_menu {background:url('/img/fonmainmenu.png') no-repeat; width:197px; text-align:center; padding:15px 0;} .menu_item {display:block; width:100%; height:20px; font:10pt Verdana; text-align:center; color:#9f9f9f;} .cur_item, .menu_item:hover {background:url('/img/currmenu.png') no-repeat; font-weight:bold !important; color:#CCCCCC !important;text-shadow:0px 0px 15px #AAAA00;} </style> <div id="main_menu"> <a id="home_page" class="menu_item" href="$HOME_PAGE_LINK$">Главная</a> <a class="menu_item" href="/forum">Форум</a> <a class="menu_item" href="/load">Каталог файлов</a> <a class="menu_item" href="/video">Видеофлудилка</a> <a class="menu_item" href="/photo">Фотоальбомы</a> <a class="menu_item" href="/dir">Каталог сайтов</a> <a class="menu_item" href="/index/0-16">Состав Братства</a> <a class="menu_item" href="/index/0-35">Идеология Братства</a> <a class="menu_item" href="http://stalkerserver.ru/" target="_blank">Статистика сервера</a> <a class="menu_item" href="http://stalkerserver.ru/rules.php" target="_blank">Правила сервера</a> <a class="menu_item" href="/index/0-34">Убей время</a> </div> <script type="text/javascript"> function curMenu(){ var locurl = window.location.href; $('.cur_item').removeClass('cur_item'); if (window.location.pathname == '/' || locurl.indexOf('/news') > -1) { $('#home_page').addClass('cur_item'); return false } $('a.menu_item').each(function(i, e) { var h = $(e).attr('href'); if (locurl.indexOf(h) > -1) { $(e).addClass('cur_item'); return false } }); } $(function() { curMenu(); $('#main_menu').on('mouseover', '.menu_item', function(){ $('.cur_item').removeClass('cur_item'); }) $('#main_menu').on('mouseout', '.menu_item', function(){ curMenu() }); }); </script>
|
|
| | | | |
|