Перейти к содержанию

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


VAOZ
 Поделиться


Рекомендованные сообщения

5ad09e14daae4_-.jpg.f46acbddd06f974566c82a5145d08f3c.jpg

В том же самом шаблоне 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>
Ссылка на комментарий
Поделиться на других сайтах


Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
 Поделиться


×
×
  • Создать...