Гость
Обновленые темы Популярные темы Активные пользователи
uWnd окна в стиле QIP by TRANE73 для uCoz 0 25.01.2020 в 12:38 от Admin Плавно падающий фоновый снег на чистом CSS3 0 25.01.2020 в 12:36 от Admin Анимированная кнопка «Скачать» на CSS3 и SVG 0 25.01.2020 в 12:32 от Admin BB-CODE для Мини-чата! rip Бармен 1 20.01.2020 в 23:57 от Бармен X-Ray Multiplayer Extension 3 19.01.2020 в 12:37 от Бармен Битая ссылка 8 19.01.2020 в 11:03 от Admin «Thorny Way» - Тернистый путь 1 18.01.2020 в 20:13 от Бармен История Кота (Cat Story) 1 18.01.2020 в 20:07 от Бармен The Land of the Emerald Dawn 0 17.01.2020 в 14:54 от Admin Поле со списком 2 16.01.2020 в 22:22 от Admin
Admin 3819

  • Страница 1 из 1
  • 1
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Усовершенствование "тем", "ответов" на форуме
Усовершенствование "тем", "ответов" на форуме
Admin (Не в сети)
Администраторы
Сообщений: 3819
 Автор темы | Вторник, 05.11.2019, 22:49 | Сообщение # 1

Cкрипт, который скрывает стандартный столбцы на форуме с количеством тем и ответов и вставляет эту информацую в рамочку, которая появляется при наведении на строку.

1 версия:
Эту версию ставьте если используете описания в форумах (то есть под ссылками на форумы есть div с class="forumDescr").
Также в этой версии показывается количество просмотров.
Вот этот код вставить после $BODY$:
Код
<script type="text/javascript">  
  $('.gTable tr').each(function() {  
  <?if($PAGE_ID$='main' || $PAGE_ID$='category')?>$('.forumDescr',this).before('<div class="uHover">' + $('.forumThreadTd',this).text() + declOfNum($('.forumThreadTd',this).text(), [' тема', ' темы', ' тем'])+ ' | ' +$('.forumPostTd',this).text()+declOfNum($('.forumPostTd',this).text(), [' ответ ', ' ответа ', ' ответов '])+'</div>');  
  $('.forumNameTd',this).hover(function(){$(this).find('.uHover:not(:animated)').fadeIn()},function(){$(this).find('.uHover').fadeOut()});<?endif?>  
  <?if($PAGE_ID$='forum')?>$('.threadLink',this).before('<div class="uHover">' + $('.threadPostTd',this).text() + declOfNum($('.threadPostTd',this).text(), [' ответ', ' ответа', ' ответов'])+ ' | ' +$('.threadViewTd',this).text()+declOfNum($('.threadViewTd',this).text(), [' просмотр ', ' просмотра ', ' просмотров '])+ ' | Автор: ' +$('.threadAuthTd span a',this).text())+'</div>';  
  $('.threadNametd',this).hover(function(){$(this).find('.uHover:not(:animated)').fadeIn()},function(){$(this).find('.uHover').fadeOut()});<?endif?>  
  });  
  function declOfNum(number, titles) {  
  cases = [2, 0, 1, 1, 1, 2];  
  return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ];  
  }  
  </script>  
  <style type="text/css">  
  .uHover {float:right;display:none;margin-right:5px;}  
  .gTableSubTop:nth-child(3), .gTableSubTop:nth-child(4), .forumThreadTd, .forumPostTd, .threadViewTd, .threadPostTd, .threadAuthTd<?if($PAGE_ID$='forum')?>, .gTableSubTop:nth-child(5)<?endif?> {display:none}  
  </style>


2 версия:
Эту версию ставьте если используете описания в форумах (то есть под ссылками на форумы есть div с class="forumDescr").
Также в этой версии НЕ показывается количество просмотров.
Вот этот код вставить после $BODY$:
Код
<script type="text/javascript">  
  $('.gTable tr').each(function() {  
  <?if($PAGE_ID$='main' || $PAGE_ID$='category')?>$('.forumDescr',this).before('<div class="uHover">' + $('.forumThreadTd',this).text() + declOfNum($('.forumThreadTd',this).text(), [' тема', ' темы', ' тем'])+ ' | ' +$('.forumPostTd',this).text()+declOfNum($('.forumPostTd',this).text(), [' ответ ', ' ответа ', ' ответов '])+'</div>');  
  $('.forumNameTd',this).hover(function(){$(this).find('.uHover:not(:animated)').fadeIn()},function(){$(this).find('.uHover').fadeOut()});<?endif?>  
  <?if($PAGE_ID$='forum')?>$('.threadLink',this).before('<div class="uHover">' + $('.threadPostTd',this).text() + declOfNum($('.threadPostTd',this).text(), [' ответ', ' ответа', ' ответов'])+ ' | Автор: ' +$('.threadAuthTd span a',this).text())+'</div>';  
  $('.threadNametd',this).hover(function(){$(this).find('.uHover:not(:animated)').fadeIn()},function(){$(this).find('.uHover').fadeOut()});<?endif?>  
  });  
  function declOfNum(number, titles) {  
  cases = [2, 0, 1, 1, 1, 2];  
  return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ];  
  }  
  </script>  
  <style type="text/css">  
  .uHover {float:right;display:none;margin-right:5px;}  
  .gTableSubTop:nth-child(3), .gTableSubTop:nth-child(4), .forumThreadTd, .forumPostTd, .threadViewTd, .threadPostTd, .threadAuthTd<?if($PAGE_ID$='forum')?>, .gTableSubTop:nth-child(5)<?endif?> {display:none}  
  </style>


3 версия:
Эту версию используйте тогда, когда Вы не пишите или не писали описания форумов и тем. Информация будет вставляться сразу после ссылки на тему/форум. В этой версии НЕ показываются количество просмотров.
Вот этот код вставить после $BODY$:
Код
<script type="text/javascript">  
  $('.gTable tr').each(function() {  
  <?if($PAGE_ID$='main' || $PAGE_ID$='category')?>$('.forum:first',this).append('<div class="uHover">' + $('.forumThreadTd',this).text() + declOfNum($('.forumThreadTd',this).text(), [' тема', ' темы', ' тем'])+ ' | ' +$('.forumPostTd',this).text()+declOfNum($('.forumPostTd',this).text(), [' ответ ', ' ответа ', ' ответов '])+'</div>');  
  $('.forumNameTd',this).hover(function(){$(this).find('.uHover:not(:animated)').fadeIn()},function(){$(this).find('.uHover').fadeOut()});<?endif?>  
  <?if($PAGE_ID$='forum')?>$('.threadLink:first',this).append('<div class="uHover">' + $('.threadPostTd',this).text() + declOfNum($('.threadPostTd',this).text(), [' ответ', ' ответа', ' ответов'])+ ' | Автор: ' +$('.threadAuthTd span a',this).text())+'</div>';  
  $('.threadNametd',this).hover(function(){$(this).find('.uHover:not(:animated)').fadeIn()},function(){$(this).find('.uHover').fadeOut()});<?endif?>  
  });  
  function declOfNum(number, titles) {  
  cases = [2, 0, 1, 1, 1, 2];  
  return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ];  
  }  
  </script>  
  <style type="text/css">  
  .uHover {float:right;display:none;margin-right:5px;}  
  .gTableSubTop:nth-child(3), .gTableSubTop:nth-child(4), .forumThreadTd, .forumPostTd, .threadViewTd, .threadPostTd, .threadAuthTd<?if($PAGE_ID$='forum')?>, .gTableSubTop:nth-child(5)<?endif?> {display:none}  
  </style>


4 версия:
Эту версию используйте тогда, когда Вы не пишите или не писали описания форумов и тем. Информация будет вставляться сразу после ссылки на тему/форум. В этой версии показываются количество просмотров.
Вот этот код вставить после $BODY$:
Код
<script type="text/javascript">  
  $('.gTable tr').each(function() {  
  <?if($PAGE_ID$='main' || $PAGE_ID$='category')?>$('.forum:first',this).append('<div class="uHover">' + $('.forumThreadTd',this).text() + declOfNum($('.forumThreadTd',this).text(), [' тема', ' темы', ' тем'])+ ' | ' +$('.forumPostTd',this).text()+declOfNum($('.forumPostTd',this).text(), [' ответ ', ' ответа ', ' ответов '])+'</div>');  
  $('.forumNameTd',this).hover(function(){$(this).find('.uHover:not(:animated)').fadeIn()},function(){$(this).find('.uHover').fadeOut()});<?endif?>  
  <?if($PAGE_ID$='forum')?>$('.threadLink:first',this).append('<div class="uHover">' + $('.threadPostTd',this).text() + declOfNum($('.threadPostTd',this).text(), [' ответ', ' ответа', ' ответов'])+ ' | ' +$('.threadViewTd',this).text()+declOfNum($('.threadViewTd',this).text(), [' просмотр ', ' просмотра ', ' просмотров '])+ ' | Автор: ' +$('.threadAuthTd span a',this).text())+'</div>';  
  $('.threadNametd',this).hover(function(){$(this).find('.uHover:not(:animated)').fadeIn()},function(){$(this).find('.uHover').fadeOut()});<?endif?>  
  });  
  function declOfNum(number, titles) {  
  cases = [2, 0, 1, 1, 1, 2];  
  return titles[ (number%100>4 && number%100<20)? 2 : cases[(number%10<5)?number%10:5] ];  
  }  
  </script>  
  <style type="text/css">  
  .uHover {float:right;display:none;margin-right:5px;}  
  .gTableSubTop:nth-child(3), .gTableSubTop:nth-child(4), .forumThreadTd, .forumPostTd, .threadViewTd, .threadPostTd, .threadAuthTd<?if($PAGE_ID$='forum')?>, .gTableSubTop:nth-child(5)<?endif?> {display:none}  
  </style>
Форум — Synthira.Ru » Web-Раздел » Скрипты для uCoz » Усовершенствование "тем", "ответов" на форуме
  • Страница 1 из 1
  • 1
Поиск: