Редактор темы

Реклама
Реклама

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

DLEPlugins

Кодер
Регистрация
29 Ноя 2015
Сообщения
1.601
Рейтинг реакций
968
Баллы
113
1/3
Автор темы
8e3c121f7445d4c9d915ae951e30b820.jpg

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

Установка простая, в три шага:
1. Открываем comments.tpl, в самом верху вставьте
HTML:
<div class="comments_wrpapper">
и в самом низу
HTML:
</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> вставляем
HTML:
<style type="text/css">
.comments_wrpapper {
    padding: 15px; 
}
.comments_wrpapper.good {
    background: #CCF5D1;
}
.comments_wrpapper.bad {
    background: #F5CCCC;
}
</style>
 
можно еще легче сделать.
[positive-comment] и [/positive-comment] Выводят текст, если комментарий имеет положительный рейтинг
[negative-comment] и [/negative-comment] Выводят текст, если комментарий имеет отрицательный рейтинг
[neutral-comment] и [/neutral-comment] Выводят текст, если комментарий имеет нейтральный рейтинг

к диву выводящему комментарий
добавить примерно так
Код:
<div class="comment [positive-comment]positive[/positive-comment][negative-comment]negative[/negative-comment][neutral-comment]neutral[/neutral-comment]">
{comment}
</div>
ну и стили соотвественно
Код:
.positive{background:#91D289}
.negative{background:#D28989}
.neutral{background:#fff}

dle 11.x стандартный шаблон
YmEpQJgUjo3Pr6.jpg

Файл
f030ab7649.jpg
 
Последнее редактирование:
Подскажите пожалуйста, где нужно смотреть код который отвечает за вывод рейтинга коментов, в админке включить рейтинг коментов не помогает, видимо в коде убран или закоментирован код?

Нашел, спасибо всем, кто был готов помочь)
 
Последнее редактирование модератором:
а можно ли сделать чтобы при нескольких положительных или отрицательных оценках менялся цвет?
 
давит на глаза этот красный, будет портить не репу пользователя а дизайн сайта
 
давит на глаза этот красный, будет портить не репу пользователя а дизайн сайта
здесь указано как сделать можно, а не то, что нужно в CSS оставлять именно такие цвета. Цветовая гамма всегда остается индивидуальной и подбирается под каждый дизайн индивидуально.
 

Похожие темы Последние темы Популярные темы

Назад
Сверху