О нас Форум Баннеры RSS картинка Нас уже 577, Присоединяйся
Пожаловаться

Рип меню с сайта we-place (социальная сеть на uCoz) для uCoz.
Красивое вертикальное меню в красных и зеленых тонах, выпадающее, со счетчиками!


Установка:
1)Заходим в раздел "Информеры"
Он находится тут: http://адрес_вашего_сайта/panel/?a=informers

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

3) Теперь вставляем этот код там где хотим видеть меню
Например в блок в контейнере:
Code
  
  <link type="text/css" rel="StyleSheet" href="http:/css/navigator.css">
  <script type="text/javascript" src="http:/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:/'" 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:/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="/load/17" class="trro">Шаблоны</a></li>  
<li><a href="/load/29" class="trro">Информеры</a></li>
<li><a href="/load/37" 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:/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:/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="/informer/18"></script>
novi4ok.ru - меняем на адрес вашего сайта
Число 18 здесь меняем на своё - возможно у вас будет 1, тогда будет так:
<script type="text/javascript" src="/informer/1"></script>

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


Спонсор :



Источник: /
Всего голосов: ... | ... | ...

Всего комментариев: 12
Hаписал: matrix , 26.08.2012 Воскресенье 23:16 Сообщение #1
matrix
OFFLINE
+ 1 -

Погоди,а вот как ты сделал чтоб у тя в категории Ucoz отображалось колл-во файлов,ведь у тебя есть раздел ucoz,и ещё при том что отображается кол-во файлов в каждой категории!

Я например не могу сделать так чтоб высвечиволось кол-во файлов в разделе :-_-:

Hаписал: Fatal1ti , 27.08.2012 Понедельник 07:00 Сообщение #2
Fatal1ti
Администратор
OFFLINE
+ 2 -

Code
<a href="/load/16"></a>

Вот при помощи пустой ссылки это реализовано

Hаписал: sylar , 16.09.2012 Воскресенье 23:56 Сообщение #3
OFFLINE
+ 2 -

Quote (Fatal1ti)
Вот при помощи пустой ссылки это реализовано

Подскажите а какая у меня эта страница вот сайт

Hаписал: sylar , 17.09.2012 Понедельник 00:07 Сообщение #4
OFFLINE
+ 3 -

если что у меня каталог статей
А вот переделанный код(кусок)
Доступно только для пользователей
Code
<link type="text/css" rel="StyleSheet" href="http://world-android.ucoz.ua/css/navigator.css">
<script type="text/javascript" src="http://world-android.ucoz.ua/informer/4"></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://world-android.ucoz.ua/publ'" 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://world-android.ucoz.ua/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>Статьи</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> Статьи</a></div>

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

<li><a href=" http://world-android.ucoz.ua/publ/telefony/2 " class="trro">Телефоны</a></li>
<li><a href=" http://world-android.ucoz.ua/publ/planshety/3 " class="trro">Планшеты</a></li>
<li><a href=" http://world-android.ucoz.ua/publ/novosti/8" class="trro">Новости</a></li>
<li><a href=" http://world-android.ucoz.ua/publ/bolshoj_brat/6" class="trro">Большой брат</a></li>
<li><a href=" http://world-android.ucoz.ua/publ/igry/7" class="trro">Игры</a></li>
<li><a href=" http://world-android.ucoz.ua/publ/programmy/9class="trro">Программы</a></li>
<li><a href=" http://world-android.ucoz.ua/publ/drugie_gadzhety/5 " class="trro">Другие гаджеты</a></li>
<li><a href=" http://world-android.ucoz.ua/publ/nefiltrovanno/4 " class="trro">Нефильтрованное</a></li>


Hаписал: bR[a]tko , 17.09.2012 Понедельник 00:32 Сообщение #5
bR[a]tko
OFFLINE
+ 1 -

во первых хотябы дизайн бы на сайте поменял, во вторых на будущие писать "это не реклама не к чему ссылки под спойлер нужно закидывать. а насчёт твоей проблемы, я так и не понял что у тебя за проблема.

Hаписал: sylar , 17.09.2012 Понедельник 01:23 Сообщение #6
OFFLINE
+ 1 -

Дизайн я только начал делать(хочю что то своё из разного слипить а не готовое поставить).А проблемма в том что счётчик материалов не работает информеры созданы вроде правильно скрипт подогнал под себя а вот счётчик не работает как тут на сайте или в примере(скрине) у автора.

Hаписал: Fatal1ti , 17.09.2012 Понедельник 13:23 Сообщение #7
Fatal1ti
Администратор
OFFLINE
+ 0 -

Аська есть? Или майл агент?

Hаписал: sylar , 17.09.2012 Понедельник 14:18 Сообщение #8
OFFLINE
+ 1 -

384736404 icq

Hаписал: DevilShadow , 13.01.2013 Воскресенье 11:28 Сообщение #9
DevilShadow
OFFLINE
+ 0 -

Как Подключить 2 информера к меню есть Publ еще надо Photo

как изменить скрипт чтоб он на 2 информера работал?

Код
<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(!/\/Publ\//.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>

Hаписал: Fatal1ti , 13.01.2013 Воскресенье 19:38 Сообщение #11
Fatal1ti
Администратор
OFFLINE
+ 1 -

Я ЛС читал.. просто у меня пока нету времени
Завтра постараюсь переделать скрипт, и стили для счётчиков напишу, чтобы ровно было

Hаписал: DevilShadow , 13.01.2013 Воскресенье 11:32 Сообщение #10
DevilShadow
OFFLINE
+ 0 -

и еще одно в CSS

Код
.gadet .vnav-subnav2 {color: #fff;[color=#FF6666]float:right[/color];margin-top:5px;padding:0 6px;line-height:15px;font-size:10px;background:#636363;border-radius:9px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.2);box-shadow:inset 0 1px 2px rgba(0,0,0,0.3),0 1px rgba(255,255,255,0.2)}


вроде должны быть счетчики статей в меню с права, а они ближе к центру
как это исправить?
worldinfo.my1.ru

Hаписал: Fatal1ti , 27.01.2013 Воскресенье 15:05 Сообщение #12
Fatal1ti
Администратор
OFFLINE
+ 0 -

DevilShadow, извини что сразу не ответил
Чтобы счетчики были справа нужно в css найти такую строчку:
Код
.coole div {position: relative;margin-left: 173px;z-index: 1;}

И заменить на эту
Код
.coole div {position: relative;margin-left: 219px;z-index: 1;}


А чтобы и фото счетчик был, нужно после этой строчки:
Код
<script type="text/javascript" src="http://worldinfo.my1.ru//informer/6"></script>

Добавить эту:
Код
<script type="text/javascript" src="http://worldinfo.my1.ru//informer/7"></script>


И после скрипта, который находится снизу после меню, добавь ещё скрипт:
Код
<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(!/\/photo\//.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>

Информация


Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.
Пожалуйста войдите на сайт как пользователь или зарегистрируйтесь.

Логотип сайта:
Навигация
Мини-чат
Витрина Активистов
Опрос
Как вам дизайн сайта?

Всего ответов: 197
Последние комментарии
  • Fatal1ti
    Оставлен 05.02.2013
    50+ качественных анимированных иконок загрузки для сайта
    Автор комментария: Fatal1ti
    Оставлен 05.02.2013 в 16:19
    Тема: 50+ качественных анимированных иконок загрузки для сайта
    Это просто gif картинки,
    А чтобы при загрузке страницы крутилась анимация, нужен скрипт
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:43
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    С цветами разобрался, пришлось путь к файлу zvetaf.xml полностью писать.
  • sasha26
    Оставлен 04.02.2013
    Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Автор комментария: sasha26
    Оставлен 04.02.2013 в 12:32
    Тема: Новый, светлый мини-чат как на Zagruzka-Plus для uCoz
    Что-то окно с цветами начинает открываться и сразу же пропадает.
    А как можно чат растянуть по высоте с 300рх до 500рх, где это меняется?
  • Mihail
    Оставлен 01.02.2013
    Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    Автор комментария: Mihail
    Оставлен 01.02.2013 в 17:12
    Тема: Замена alert на ajax окно с прямой ссылки к сообщению на форуме
    А вот это супер )
  • Fatal1ti
    Оставлен 31.01.2013
    Форма добавления комментариев как на dle для uCoz
    Автор комментария: Fatal1ti
    Оставлен 31.01.2013 в 18:23
    Тема: Форма добавления комментариев как на dle для uCoz
    Должно работать, у некоторых файл zvetaf.xml
    Повреждается при загрузке, попробуй его перезалить

    Если ничего не изменяется, то ищи в коде такую строчку:
    Код
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="openLayerB('sda',0,'/bbcodes/zvetaf.xml','Выбор цвета',190,200,'1','','',0,'justify');return false;">


    И меняй на эту:
    Код
    <script type="text/javascript" src="http:/serv/zvet.js"></script>
    <img src="http:/bbcodes/color.gif" id="kmn" title="Выбрать цвет" onclick="viewzvet()">

    Должно заработать..
  • Fatal1ti
    Оставлен 27.01.2013
    Зелёное меню как на we-place для uCoz
    Автор комментария: Fatal1ti
    Оставлен 27.01.2013 в 15:05
    Тема: Зелёное меню как на we-place для uCoz
    DevilShadow, извини что сразу не ответил
    Чтобы счетчики были справа нужно в css найти такую строчку:
    Код
    .coole div {position: relative;margin-left: 173px;z-index: 1;}

    И заменить на эту
    Код
    .coole div {position: relative;margin-left: 219px;z-index: 1;}


    А чтобы и фото счетчик был, нужно после этой строчки:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/6"></script>

    Добавить эту:
    Код
    <script type="text/javascript" src="http://worldinfo.my1.ru//informer/7"></script>


    И после скрипта, который находится снизу после меню, добавь ещё скрипт:
    Код
    <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(!/\/photo\//.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>
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня зашли на сайт
0 пользователя

Новых пользователей:
За месяц: 17
За неделю: 6
Вчера: 0
Сегодня: 0
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков
магниты