вРазные полезности

Раздвижное меню 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()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>

Ссылки меняем под себя, после того как вы их поменяли —
Счетчик начнет правильно работать
Удачи, если что-то непонятно пишем в комментарии — помогу..

источник: zornet.ru

Похожие посты