Гость
Статистика Форума
Последнии темы Популярные темы Лучшии пользователи Новые пользователи
» [23.01.2019] Логотипчик для сайта (0)
» [22.01.2019] No Avatar для synthira (2)
» [22.01.2019] Различные иконки для игры или сайта Сталкер (12)
» [22.01.2019] Ui Icon Equipment (UIE) (0)
» [22.01.2019] Арты: Сталкер, апокалипсис, зона, конец света и... (8)
» [22.01.2019] Сталкер локации png (stalker maps png) (1)
» [22.01.2019] Различная графика для сайтов и игр (interface, ... (3)
» [22.01.2019] Иконки MISERY Stalker ui equipment (0)
» [22.01.2019] Фоны для сталкерского сайта (33)
» [22.01.2019] Игровые обои (1)
» Тайники и подсказки (82)
» FAQ прохождения по локациям DOPPELGANGER 7.63 Time Gap (50)
» Русскоязычное руководство по моду Frackin' Universe... (38)
» Фоны для сталкерского сайта (33)
» [DMX] Народное творчество (24)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» CoC Вылеты и их решение (21)
» Личные сообщения (18)
» Редактирование мода «Народная солянка Объединенный пак ... (18)
» Xemordio (3150)
» NL-Vincenz (12)
» Infe[R]nos (10)
» Duzeppa26 (5)
» Ghosteron (4)
» gromgold (1)
» kamelotto (1)
» Glomar (1)
» Бармен (1)
» ZION (1)
» [22.01.2019] Likhatchevs
» [22.01.2019] starwind
» [19.01.2019] gavyxte
» [18.01.2019] Sedoy
» [17.01.2019] Nik_nikolaev2k18
» [13.01.2019] dextyar96
» [09.01.2019] max202
» [07.01.2019] Infe[R]nos
» [06.01.2019] zgenaz
» [01.01.2019] iivelesii

  • Страница 1 из 1
  • 1
Форум » Web uCoz » Скрипты для uCoz » Информер топовиков со вкладками
Информер топовиков со вкладками
Xemordio Offline Дата: Воскресенье, 26.08.2018, 14:56 | Сообщение # 1
Администратор
Звание: Маршал [?]
Сообщений: 3150


Частично рипанул с одного известного сайта этот классный информер, он включает в себя сразу 4 информера топовиков. А именно: топ пользователей по файлам(в нашем случае новости), по постам на форуме, количеству комментариев и репутации. Все эти информеры упакованы стильными вкладками, что существенно экономит место на вашем сайте.

Установка:
Для начала создаем сами информеры, переходив в ПУ > Инструменты > Информеры

Информер №1:
Пользователи · Материалы · Кол. новостей · Материалы: 10 · Колонки: 1 и в шаблон информера сохраняем код:
Код
<table> <tbody><tr> <td width="70%"><a href="$PROFILE_URL$" target="_blank">$USERNAME$</a></td> <td style="text-align: right;" width="30%">$NEWS_POSTS$</td> </tr> </tbody></table>

Запоминаем номер информера, у меня он был $MYINF_1$

Информер №2:
Пользователи · Материалы · Кол. сообщений в форуме · Материалы: 10 · Колонки: 1 в шаблон информера сохраняем код:
Код
<table> <tbody><tr> <td width="70%"><a href="$PROFILE_URL$" target="_blank">$USERNAME$</a></td> <td style="text-align: right;" width="30%">$FORUM_POSTS$</td> </tr> </tbody></table>

Запоминаем номер информера, у меня он был $MYINF_2$

Информер №3:
Пользователи · Материалы · Кол. комментариев · Материалы: 10 · Колонки: 1 в шаблон информера сохраняем код:
Код
<table> <tbody><tr> <td width="70%"><a href="$PROFILE_URL$" target="_blank">$USERNAME$</a></td> <td style="text-align: right;" width="30%">$COM_POSTS$</td> </tr> </tbody></table>

Запоминаем номер информера, у меня он был $MYINF_3$

Информер №4:
Пользователи · Материалы · Репутация · Материалы: 10 · Колонки: 1 в шаблон информера сохраняем код:
Код
<table> <tbody><tr> <td width="70%"><a href="$PROFILE_URL$" target="_blank">$USERNAME$</a></td> <td style="text-align: right;" width="30%">$REPUTATION$</td> </tr> </tbody></table>

Запоминаем номер информера, у меня он был $MYINF_4$

Включаем конструктор и создаем новый блок и в его содержимое ставим следующий код:
Код
<div class="tabs-form">
<ul class="tabs">
<li class=""><a href="#tab1">Файлы</a></li>
<li class=""><a href="#tab2">Форум</a></li>
<li class=""><a href="#tab3">Комен</a></li>
<li class=""><a href="#tab4">Репа</a></li>
</ul>
<div class="tab_container">
<div style="display: block;" id="tab1" class="tab_content">Информер №1</div>
<div style="display: none;" id="tab2" class="tab_content">Информер №2</div>
<div style="display: none;" id="tab3" class="tab_content">Информер №3</div>
<div style="display: none;" id="tab4" class="tab_content">Информер №4</div>
</div></div>  
<style>
/* TOPOVIKI ========================*/
.tabs-form{height: 240px;}
.tab_content table {border-bottom: 1px dotted #6f6f6f;padding: 0 0 1px 0; margin: 0 0 2px 0;width: 100%;}
.tab_container{border-top: none; clear: both;float: left;width: 100%; }
.tab_content{border-top:1px solid #ccc; padding: 6px;font-size: 11px;}
.tab_content a{text-decoration:none;}
.tab_content a:hover{text-decoration:underline;}
table.form {margin-bottom:20px;margin-top:20px;}
table.form, table.form td {border:1px solid #ccc;}
table.form td {padding:1px;}
ul.tabs {list-style:none;margin:0;padding:0;}
ul.tabs li {float:left;padding:3px 6px;}
ul.tabs li.active {background:#e5e5e5; border-radius: 5px 5px 0px 0px;}
#tab1, #tab2,#tab3,#tab4 {display:none;}
</style>

<script type="text/javascript">
  $(document).ready(function(){
  $('.splLink').click(function(){
  $(this).parent().children('div.splCont').toggle('normal');
  return false;
  });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {
  $(".tab_content").hide();  
  $("ul.tabs li:first").addClass("active").show();
  $(".tab_content:first").show();
   
  $("ul.tabs li").click(function() {
  $("ul.tabs li").removeClass("active");
  $(this).addClass("active");
  $(".tab_content").hide();
  var activeTab = $(this).find("a").attr("href");
  $(activeTab).fadeIn();
  return false;});});</script>


Заменяем: Информер №1, Информер №2, Информер №3, Информер №4 на номера своих информеров
Рипал: Prosvetekvator
Дата регистрации: 22.07.2017
Форум » Web uCoz » Скрипты для uCoz » Информер топовиков со вкладками
  • Страница 1 из 1
  • 1
Поиск:

06:55