Хак Креативим дальше - разноцветные блоки комментариев в зависимости от поставленной оценки [dle all]

[DomiTori]

В том же самом шаблоне KinoZombie TV использовался этот скрипт. Он подкрашивает блок коммента в зеленый если за коммент проголосовали позитивно, в красный если негативно, и ничего не делает если коммент без оценки. Работает с включенным "Нравиться не нравиться" в настройках комментов.

Установка простая, в три шага:
1. Открываем comments.tpl, в самом верху вставьте

<div class="comments_wrpapper">

и в самом низу

</div>

2. Либо в любой js файл подключенного к шаблону либо открываем main.tpl вашего шаблона и перед </body> вставляем

<script type='text/javascript'>
(function($) {
  $(function() {
   $(".comments_wrpapper").each( function(event){
      var ratenum = $(this).find(".ratingtypeplusminus").text();
      var ratenumfinal = parseInt(ratenum);
      if (ratenum < 0) {
        $(this).addClass("bad");
      }
      if (ratenum > 0) {
        $(this).addClass("good");
      }
    });
});
})(jQuery)
</script>

3. В style.css вашего шаблона или в main.tpl перед </head> вставляем

<style type="text/css">
.comments_wrpapper {
    padding: 15px;
}
.comments_wrpapper.good {
    background: #CCF5D1;
}
.comments_wrpapper.bad {
    background: #F5CCCC;
}
</style>

 

[Doctor_zlo]

Затупил, это ссылки....

Да нет не затупил, в коробке это на самом деле есть.

[positive-comment]текст[/positive-comment]
Выводят текст, заключенный в них, если комментарий имеет позитивный рейтинг
[negative-comment]текст[/negative-comment]
Выводят текст, заключенный в них, если комментарий имеет негативный рейтинг
[neutral-comment]текст[/neutral-comment]
Выводят текст, заключенный в них, если комментарий имеет нейтральный рейтинг

Таким образом данный хак имеет решение из коробки
Собственно абсолютно то же самое, только без правки JS
1. Открываем comments.tpl, в самом верху вставьте

<div class="comments_wrpapper[negative-comment].bad[/negative-comment][positive-comment].good[/positive-comment]">

и в самом низу

</div>

2. В style.css вашего шаблона или в main.tpl перед </head> вставляем

<style type="text/css">
.comments_wrpapper {
    padding: 15px;
}
.comments_wrpapper.good {
    background: #CCF5D1;
}
.comments_wrpapper.bad {
    background: #F5CCCC;
}
</style>

Кому как по душе
На самом деле если читать документацию, то можно еще дополнительно покреативить, так как там есть еще теги -

[comments-author]текст[/comments-author]
Выводят текст, заключенный в них, если пользователь, просматривающий страницу сайта, является автором данного комментария
[not-comments-author]текст[/not-comments-author]
Выводят текст, заключенный в них, если пользователь, просматривающий страницу сайта, не является автором данного комментария
[news-author] текст [/news-author]
Выводят текст, заключенный в них, если комментарий принадлежит автору данной новости
[not-news-author]текст[/not-news-author]
Выводят текст, заключенный в них, если комментарий не принадлежит автору данной новости

Если сделать так -

<div class="comments_wrpapper[negative-comment].bad[/negative-comment][positive-comment].good[/positive-comment][news-author].author[/news-author]">

А в CSS поместить следующее:

<style type="text/css">
.comments_wrpapper {
    padding: 15px;
}
.comments_wrpapper.good {
    background: #CCF5D1;
}
.comments_wrpapper.bad {
    background: #F5CCCC;
}
.author {
    background: #fcfeac !important;
}
</style>

Можно получить что то вроде этого(Photoshop)


Ну и сугубо мое ИМХО, раскрашивать все положительные и отрицательные комментарии это слишком пестро как то получается.
Лучше сделать какой-то разброс, если комментарий сильно отрицательный рейтинг то скрыть, если сильно хороший рейтинг то выделить зеленым, а все выделять не стоит
Можно сделать как на лепре см. картинку -

То есть при достижении определенного количества минусов скажем -5, комментарий скрывается под спойлер.
И не пестро и скрывает гадостные коменты, при этом пользователи сайта могут прочесть при нажатии на - что он написал?
Ну и опять же подобное спокойно можно сделать средствами движка самыми минимальными правками, и спойлер использовать DLE-шный, не прибегая к излишнему JS-коду.
На стандартном шаблоне без дополнительного JS может выглядеть примерно так(открыть в новой вкладке) -

 

[Горбушка]

Да нет не затупил, в коробке это на самом деле есть.

Да я чёт в спешке... Начал писать и тут позвали на совещание... Помню, что было, но забыл как именно теги называются, а быстро в доках нашёл не то...