05:17:07, 06.05.2024, Пн



Бар Реактор готов принять новых постояльцев!

Место общения для гостей сайта

Выбрать дизайн:
Обновленные темы Популярные темы Последние файлы Последние новости

  • Страница 1 из 1
  • 1
Форум » Для вебмастеров » Графика для сайта » Скрипты сталкер для Ucoz » Новое сталкерское меню для uCoz
Новое сталкерское меню для uCoz
Дата: Ср, 16.03.2016, 20:33:56 | Сообщение # 1
Сообщений:
195
Статус:

Установка: весь этот код пихаем в свободный блок.
Код
<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
Сообщений:
1
Статус:
Это старый код меню.
Новый код правильнее и короче. Функциональность не изменилась.

Код

<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>



Форум » Для вебмастеров » Графика для сайта » Скрипты сталкер для Ucoz » Новое сталкерское меню для uCoz
  • Страница 1 из 1
  • 1
Поиск:
Использование материалов сайта только с разрешения Администрации! ☆ kapa- bar-reaktor.ucoz.ru

Яндекс.Метрика