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


Красивый информер Топ пользователей для uCoz.
При наведении появляется информация о пользователе


Очень удобный и кроссбраузерный скрипт, хорошо подходит для светлых дизайнов.

Установка:

Создаем информер, делается это тут
http://адрес_вашего_сайта/panel/?a=informers

С такими настройками:
[ Пользователи · Материалы · Кол. файлов · Материалы: 6 · Колонки: 2 ]
Название можете сделать любое, и количество колонок под себя..

Переходим к дизайну информера:
Code
<center>
<div class="utop-user" align="center">
<a class="ut-ava east" style="display: block;" href="$PROFILE_URL$" title="$USERNAME$&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp  
  Релизов: $LOAD_POSTS$&nbsp&nbsp&nbsp&nbsp&nbsp  
  Репутация: $REPUTATION$&nbsp&nbsp&nbsp&nbsp&nbsp  
  Комментариев: $COM_POSTS$">
<div class="ut-ava">
<?if($AVATAR_URL$)?><img src="$AVATAR_URL$" border="0"><?else?><img src="http:/images/noavatar.png" border="0"><?endif?>
</div>
<span style="color:#323232" ><span class="group$GROUP_ID$"><b>$USERNAME$</b></span></span>
<div class="utop-number">$NUMBER$</div>
</div></center></a>


После изменений сохраняете его..
И запоминаем код вызова информера, например $MYINF_1$

Теперь создаете новый блок (Например через конструктор)
И в его HTML вставляете:
Code
<link type="text/css" rel="StyleSheet" href="http:/serv/css/top_user.css">
<script type="text/javascript" src="http:/serv/js/jquery.tipsy.js"></script>  
$MYINF_1$


$MYINF_1$ - это код информера, меняете на свой

Сохраняете и радуетесь новому блоку "Топ пользователей"
Надеюсь всё понятно написал - будут вопросы пишите в комментарии
Увидеть как это всё работает можете на этом сайте

И ещё при копировании этого материала указывайте источник.


Спонсор :



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

Всего комментариев: 9
Hаписал: NoRbbb , 16.05.2012 Среда 09:52 Сообщение #1
NoRbbb
OFFLINE
+ 1 -

спасибо!работает! :)

Hаписал: Neochem , 09.09.2012 Воскресенье 22:31 Сообщение #2
Neochem
OFFLINE
+ 0 -

У меня он не до конца работает!

Hаписал: Fatal1ti , 10.09.2012 Понедельник 11:27 Сообщение #3
Fatal1ti
Администратор
OFFLINE
+ 0 -

Neochem,
На этом сайте - torrentto ?
Если да то у тебя в информере нужно поменять tooltip на title
Вообще как так получилось?
В материале всё в порядке title стоит..

Hаписал: Neochem , 10.09.2012 Понедельник 15:53 Сообщение #4
Neochem
OFFLINE
+ 0 -

У меня все правильно стоит! Код идентичен

Hаписал: Fatal1ti , 10.09.2012 Понедельник 17:44 Сообщение #5
Fatal1ti
Администратор
OFFLINE
+ 0 -

Проблема решена..
На сайте стоял скрипт смены title на tooltip
Для тех у кого будет такая же проблема меняем
Code
http:/serv/js/jquery.tipsy.js

на
Code
http:/serv/js/jquery.tooltip.js

Hаписал: bayronas , 04.11.2012 Воскресенье 16:28 Сообщение #6
OFFLINE
+ 0 -

а как сделать штобы При наведении информация о пользователе
появлялась на право

Hаписал: Fatal1ti , 04.11.2012 Воскресенье 16:48 Сообщение #7
Fatal1ti
Администратор
OFFLINE
+ 0 -

Найди class="ut-ava east"
и замени на class="ut-ava west"

Hаписал: bayronas , 04.11.2012 Воскресенье 17:00 Сообщение #8
OFFLINE
+ 0 -

Fatal1ti, нашол все отличьно спасиба :)

Hаписал: Kulac , 16.12.2012 Воскресенье 11:09 Сообщение #9
Kulac
OFFLINE
+ 1 -

Нормально, экономит место

Информация


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

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

Всего ответов: 198
Последние комментарии
  • 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
У нас нашли
Загрузка...
Друзья сайта
Наш Баннер
Всё для новичков
Всё для новичков