Скрытие (прозрачность) постов с отрицательным рейтингом
на многих порталах типа habrahabr.ru или yaplakal.com, посты с отрицательным рейтингом становятся невидимо-прозрачными или свёрнутыми, и чем больше минусов за одно неудачное или провокационное сообщение, тем оно прозрачнее - это так сказать, один из способов борьбы простых пользователей с неугодными большинству сообщениями, удалить их они не в состоянии, но скрыть с глаз долой пожалуйста ))
Автор: Romych
Платформа: MyBB
Аналоги: Сокрытие постов с отрицательным рейтингом (Mybb) [Duka]
в html-низ:
Код:
<script type="text/javascript">
$(document).ready(function(){
$('div.post').map(function () {
var oz=$(this).find('div.post-rating a').text();
if(oz.indexOf('-')+1) {
var bad=9+parseInt(oz);
if(bad<=1) {bad=1};
$(this).css('opacity', '0.'+bad);
$(this).find('div.post-rating a').css({'color':'#FF0000','font-weight':'bold'});
$(this).hover(
function(){
$(this).css('opacity', 1);
},
function(){
$(this).css('opacity', '0.'+bad);
});
}
});
});
</script>можно добавить анимации при наведении курсора (вариант с анимацией)
Код:
<script type="text/javascript">
$(document).ready(function(){
$('div.post').map(function () {
var oz=$(this).find('div.post-rating a').text();
if(oz.indexOf('-')+1) {
var bad=9+parseInt(oz);
if(bad<=1) {bad=1};
$(this).css('opacity','0.'+bad);
$(this).find('div.post-rating a').css({'color':'#FF0000','font-weight':'bold'});
$(this).find('li[class^="pa-"]:not(.pa-author, .pa-avatar),div.post-links').css('display','none');
$(this).hover(
function(){
$(this).animate({opacity:1}, 400);
$(this).find('li[class^="pa-"]:not(.pa-author, .pa-avatar),div.post-links').slideDown();
},
function(){
$(this).animate({'opacity':'0.'+bad}, 400);
$(this).find('li[class^="pa-"]:not(.pa-author, .pa-avatar),div.post-links').slideUp();
});
}
});
});
</script>
