Cкрипт, который скрывает стандартный столбцы на форуме с количеством тем и ответов и вставляет эту информацую в рамочку, которая появляется при наведении на строку.
Я выкладываю 4 версии, чтобы Вам, пользователям, было легче.
1 версия:
Эту версию ставьте если используете описания в форумах (то есть под ссылками на форумы есть div с class="forumDescr").
Также в этой версии показывается количество просмотров.
Вот этот код вставить после $BODY$:
Code
<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>
$('.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$:
Code
<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>
$('.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$:
Code
<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>
$('.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$:
Code
<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>
$('.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>
Стиль информации настраивается через css, их класс uHover.
Автор: TRANE73
Теги:
Проверить тиц
Витрина ссылок
uCoz[Материал]