Гость
Статистика Форума
Последнии темы Популярные темы Лучшии пользователи Новые пользователи
» [20.10.2018] N.I.K.S.O.N. MOD aka Back to the S.T.A.L.K.E.R. (0)
» [20.10.2018] Надежда На Жизнь (0)
» [20.10.2018] S.T.A.L.K.E.R.: Камень Преткновения (0)
» [19.10.2018] Hybrid Final (1.4.22) (0)
» [19.10.2018] Hybrid 1.5 Open alpha (Гибрид) (0)
» [18.10.2018] Системные требования Call of Chernobyl (0)
» [18.10.2018] [CoC] Ответы на вопросы (1)
» [18.10.2018] [CoC] F.A.Q (0)
» [18.10.2018] CoC Вылеты и их решение (21)
» [18.10.2018] Choice of Destiny (0)
» Тайники и подсказки (82)
» FAQ прохождения по локациям DOPPELGANGER 7.63 Time Gap (50)
» Русскоязычное руководство по моду Frackin' Universe... (38)
» Фоны для сталкерского сайта (32)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» CoC Вылеты и их решение (21)
» Личные сообщения (18)
» Редактирование мода «Народная солянка Объединенный пак ... (18)
» Проблемы в модуле "Пользователи" (17)
» Xemordio (2870)
» Duzeppa26 (5)
» Ghosteron (4)
» Даниил_Хороший (1)
» Glomar (1)
» Бармен (1)
» Razilator (0)
» oleg101 (0)
» nitro-oc (0)
» zdarg (0)
» [22.10.2018] subbotin440
» [19.10.2018] goooooooooogle380
» [09.10.2018] AleksStal
» [05.10.2018] Surin_Oleg
» [04.10.2018] artyomsamokhin
» [28.09.2018] Ната
» [27.09.2018] ExtremeBass
» [26.09.2018] jivago
» [21.09.2018] kures80
» [16.09.2018] marinak1984

  • Страница 1 из 1
  • 1
Форум » Web uCoz » Скрипты для uCoz » Красивый информер "Топ пользователей" для ucoz
Красивый информер "Топ пользователей" для ucoz
Xemordio Offline Дата: Суббота, 28.04.2018, 07:55 | Сообщение # 1
Администратор
Генерал [?]
Сообщений: 2870

Довольно неплохой информер топа пользователей, его особенность заключается в том, что при наведении на иконки выдвигается небольшая информация о количестве файлов и т.д

Установка:

1) Создаем информер

Кто не знает где это вот ссылка: http://адрес_вашего_сайта/panel/?a=informers

Информер с такими параметрами:


Название информера - Топ пользователей
Раздел - Пользователи
Способ сортировки - Количество файлов
Количество материалов - 4
Количество колонок - 2

Создать

Должен появится новый информер - и рядом с ним код вызова
Например $MYINF_X$ - у вас может быть другой

2) После этого меняем дизайн информера
Заходим в управление дизайном созданного информера
И заменяем весь код на этот:
Code
<center><div style="width:85px; margin-bottom:5px;">   

   <div style="position: absolute;width: 0px;height: 0px;">   
   <div class="topusers-elem-bg">   
   <div class="topusers-elem-bg1">   
   <div class="place$NUMBER$" title="$NUMBER$ место" style="width: 1px; ">   
   <span id="text">   
   <font color="#000">№$NUMBER$</font>   
   </span>   
   </div>   
   </div>   
   </div>   

   <div class="topusers-elem-bg" style="margin-top:23px;" title="Файлов: $LOAD_POSTS$">   
   <div class="topusers-elem-bg1">   
   <div class="torrents"><span id="text">$LOAD_POSTS$</span>   
   </div></div></div>   

   <div class="topusers-elem-bg" style="margin-top:46px;" title="Комментариев: $COM_POSTS$">   
   <div class="topusers-elem-bg1">   
   <div class="comments">   
   <span id="text">$COM_POSTS$</span>   
   </div></div></div>   
   </div>   

   <a href="/index/8-$USER_ID$" target="_blank" style="color:#ffffff;">   
   <?if($AVATAR_URL$)?><img src="$AVATAR_URL$" title="Перейти в профиль" id="topusers"><?else?>   
   <img src="http://csomsk.ru/design/noavatar2.png" id="topusers">   
   <?endif?></a>   

   <div class="chat-addtime" style="float:none; width:87px; margin-top:1px;">   
   <span style="display:block; text-align:center;">   
   <a href="/index/8-$USER_ID$" target="_blank" style="color:#ffffff;">   

   <?if(len($USERNAME$)>11)?>   
   <?substr($USERNAME$,0,11)?>   
   <?else?>   
   $USERNAME$   
   <?endif?>   
   </a>   
   </span>   
   </div>   
   </center>   
   <script type="text/javascript"> $('.place$NUMBER$').hover( function () {$(this).stop().animate({"width" : $('.place1 #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.torrents').hover( function () {$(this).stop().animate({"width" : $('.torrents #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); $('.comments').hover( function () {$(this).stop().animate({"width" : $('.comments #text').width() + 6} , 250);}, function () {$(this).stop().animate({"width" : 1} , 250);} ); </script>

Теперь создаём новый блок (например через конструктор)
И называем его например "Топ пользователей"
В html код блока вставляем:
Code
$MYINF_X$   
   <link type="text/css" rel="StyleSheet" href="http://csomsk.ru/1-ucoz/informer/top_users.css">

$MYINF_X$ - меняем на свой (если у вас другой)

Готово!
Дата регистрации: 22.07.2017
Форум » Web uCoz » Скрипты для uCoz » Красивый информер "Топ пользователей" для ucoz
  • Страница 1 из 1
  • 1
Поиск:

11:24