ZorNet.Ru — сайт для вебмастера » Меню для сайта » Раздвижное меню we-place сайта uCoz

Раздвижное меню we-place сайта uCoz

Раздвижное меню we-place сайта uCoz
Раздвижное меню we-place сайта uCoz. Красивое и удобное раздвижное меню для сайта ucoz.
В меню ярко выраженные разделы с нумерацией сколько в разделе под разделов. Меню как для светлых сайтах по тонам так и для темных.
Установка:
1)Создаем информер с такими параметрами:
Название: "Счетчик материалов"
Раздел: Каталог файлов или Новости сайта - смотря счетчик какого модуля вам надо
Тип данных: Категории
Количество колонок: 1
Дополнительные опции:
Возвращать результат в JavaScript формате - ставим напротив 2 галки
Создаем..
Запоминаем код вызова информер, например $MYINF_18$, но нам нужно только число 18.

2) Теперь вставляем этот код там где хотим видеть меню
Например в блок в контейнере:
Код

Код
<link type="text/css" rel="StyleSheet" href="http://zornet.ru/ZORNET/navigator.css">  
  <script type="text/javascript" src="http://novi4ok.ru/informer/18"></script>  

  <div class="naviglot">  
<div style="width: 100%;">  
  <div style="box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;">  
  <nav class="vnav">  
  <ul class="vnav-menu">  
  <li>  

  <a href="javascript://" onclick="$('#weplacephw').toggle();$('#weplacephw2').toggle();document.location='http://novi4ok.ru'" class="vnav-item" id="weplacephw" style="color: rgb(255, 255, 255); display: block; ">  
  <div class="icon-ph"></div>Главная</a>  

  <a href="javascript://" onclick="return false;" id="weplacephw2" class="vnav-itemred" style="color: rgb(255, 255, 255); display: none; ">  
  <div class="icon-ph"></div>Главная<span class="vnav-loader"><img src="http://novi4ok.ru/images/ajax_style/loading.gif" border="0" style="height: 14px;width: 14px;"></span></a> </li>  
<li><div class="gadet"><a href="/load/16"></a><a href="javascript://" onclick="$('#weplacewdw').toggle();$('#weplacewdw2').toggle();$('.uwpphots2').toggle();" class="vnav-item" id="weplacewdw" style="color: rgb(255, 255, 255); display: block; ">  
<div class="icon-vid"></div>uCoz</a>  
  <a href="javascript://" onclick="$('#weplacewdw').toggle();$('#weplacewdw2').toggle();$('.uwpphots2').toggle();" id="weplacewdw2" class="vnav-itemred" style="color: rgb(255, 255, 255); display: none; ">  
  <div class="icon-vid"></div> uCoz</a></div>  

  <div class="uwpphots2" style="display: none; ">  
  <ul class="vnav-subnav">  

<li><a href="http://zornet.ru/" class="trro">Шаблоны</a></li>  
<li><a href="http://zornet.ru/" class="trro">Информеры</a></li>  
<li><a href="http://zornet.ru/" class="trro">Мини-чаты</a></li>  
<li><a href="/load/19" class="trro">Скрипты</a></li>  
<li><a href="/load/20" class="trro">Графика</a></li>  
<li><a href="/load/42" class="trro">Форма добавления</a></li>  
<li><a href="/load/41" class="trro">Вид комментариев</a></li>  
<li><a href="/load/40" class="trro">Вид материалов</a></li>  
<li><a href="/load/35" class="trro">Переключатели</a></li>  
<li><a href="/load/38" class="trro">Меню и навигация</a></li>  
<li><a href="/load/36" class="trro">Хаки для uCoz</a></li>  
<li><a href="/load/43" class="trro">Ajax окна</a></li>  
<li><a href="/load/39" class="trro">Страница 404</a></li>  
<li><a href="/load/21" class="trro">Разное</a></li>  

<li><a href="/load/16-0-0-0-1" class="trro">Добавить еще <span class="vnav-subnav5">+</span></a></li> </ul> </div></li>  
  <li><div class="gadet"><a href="/load/22"></a><a href="javascript://" onclick="$('#weplacezw').toggle();$('#weplacezw2').toggle();$('.uwpphotsz2').toggle();return false;" class="vnav-item" id="weplacezw" style="color: rgb(255, 255, 255); display: block; ">  
  <div class="icon-ms"></div>Заработок</a>  
<a href="javascript://" onclick="$('#weplacezw').toggle();$('#weplacezw2').toggle();$('.uwpphotsz2').toggle();return false;" id="weplacezw2" class="vnav-itemred" style="color: rgb(255, 255, 255); display: none; ">  
  <div class="icon-ms"></div>Заработок</a> </div>  
  <div class="uwpphotsz2" style="display: none; "><ul class="vnav-subnav">  
<li><a href="/load/44" class="trro">На Просмотрах</a></li>  
<li><a href="/load/25" class="trro">На Рекламе</a></li>  
<li><a href="/load/24" class="trro">На Файлах</a></li>  
<li><a href="ссылка" class="trro">Скоро</a></li>  
<li><a href="/load/22-0-0-0-1" class="trro">Загрузить еще <span class="vnav-subnav5">+</span></a></li>  
</ul> </div></li>  
  <li><div class="gadet"><a href="/load/9"></a><a href="javascript://" onclick="$('#weplacezwa').toggle();$('#weplacezwa2').toggle();$('.uwpphotsza2').toggle();return false;" class="vnav-item" id="weplacezwa" style="color: rgb(255, 255, 255); display: block; ">  
  <div class="icon-mz"></div>Вконтакте</a>  
<a href="javascript://" onclick="$('#weplacezwa').toggle();$('#weplacezwa2').toggle();$('.uwpphotsza2').toggle();return false;" id="weplacezwa2" class="vnav-itemred" style="color: rgb(255, 255, 255); display: none; ">  
  <div class="icon-mz"></div>Вконтакте</a> </div>  
  <div class="uwpphotsza2" style="display: none; "><ul class="vnav-subnav">  
<li><a href="/load/11">Программы</a></li>  
<li><a href="ссылка">Новости</a></li>  
<li><a href="/load/12">Разное</a></li>  
  <li><a href="ссылка">Баги</a></li>  
<li><a href="/load/9-0-0-0-1">Загрузить еще <span class="vnav-subnav5">+</span></a></li>  
</ul> </div></li>  
  <li><div class="gadet"><a href="/load/2"></a><a href="javascript://" onclick="$('#weplacezwb').toggle();$('#weplacezwb2').toggle();$('.uwpphotszb2').toggle();return false;" class="vnav-item" id="weplacezwb" style="color: rgb(255, 255, 255); display: block; ">  
  <div class="icon-mg"></div>Игры</a>  
<a href="javascript://" onclick="$('#weplacezwb').toggle();$('#weplacezwb2').toggle();$('.uwpphotszb2').toggle();return false;" id="weplacezwb2" class="vnav-itemred" style="color: rgb(255, 255, 255); display: none; ">  
  <div class="icon-mg"></div>Игры</a> </div>  
  <div class="uwpphotszb2" style="display: none; "><ul class="vnav-subnav">  
<li><a href="/load/4">CS Source</a></li>  
<li><a href="ссылка">Скоро</a></li>  
<li><a href="ссылка">Скоро</a></li>  
<li><a href="ссылка">Скоро</a></li>  
<li><a href="/load/2-0-0-0-1">Загрузить еще <span class="vnav-subnav5">+</span></a></li>  
</ul> </div></li>  
  <li><a href="javascript://" onclick="$('#weplacewdw4').toggle();$('#weplacewdw3').toggle();document.location='http://novi4ok.ru/dir'" class="vnav-itemd" id="weplacewdw4" style="color: rgb(255, 255, 255); display: block; ">  
  <div class="icon-group "></div>Каталог сайтов  
</a><a href="javascript://" onclick="return false;" id="weplacewdw3" class="vnav-itemred" style="color: rgb(255, 255, 255); display: none; ">  
  <div class="icon-group"></div>Каталог сайтов<span class="vnav-loader"><img src="http://novi4ok.ru/images/ajax_style/loading.gif" border="0" style="height: 14px;width: 14px;"></span></a>  
  </li> </ul>  
  </nav>  
</div></div></div>  
  <script type="text/javascript">  
  function setCatNumEnt(){  
  if(!window.uCatsOut)return;  
  $('div.naviglot a').each(function(){  
  var a=this,ah=a.href,cArr=window.uCatsOut;  
  if(!/\/load\//.test(ah))return;  
  var t=ah.split('/'),id=t[t.length-1]||t[t.length-2],a=$(a).parent();  
  if(!isNaN(id)){  
$.each(cArr,function(j){  
if(cArr[j][0]==id){  
a.prepend('</span><div class="coole"><div><span class="vnav-subnav2">'+cArr[j][6]+'</span></div></div>');  
}  
});  
  };  
  });  
  };setCatNumEnt();  
  </script>

Код
<script type="text/javascript" src="http://novi4ok.ru/informer/18"></script>  
novi4ok.ru - меняем на адрес вашего сайта  
Число 18 здесь меняем на своё - возможно у вас будет 1, тогда будет так:  
<script type="text/javascript" src="http://novi4ok.ru/informer/1"></script>


Ссылки меняем под себя, после того как вы их поменяли -
Счетчик начнет правильно работать
Удачи, если что-то непонятно пишем в комментарии - помогу..
06 Февраля 2013 Просмотров: 3736 Комментариев: (0)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 0
avatar