Кнопка "Спасибо". Репутация.

Добрый вечер всем!
У меня на форуме уже пять дней переполох. Один из пользователей методично минусит одного из консультантов. Для консультанта его репутация оказалась очень важна и было очень шуму много из-за этого. Отследить кто минусит я не могу. Пришлось эту функцию убрать вообще, что бы не тратить время на чтение расследований на тему "кто же вредитель" и "что мы с ним сделаем когда узнаем кто он")) После того, как убрала функцию плюс минус, началась вторая волна недовольств из-за того, что они хотят чтобы была возможность увеличивать свою репутацию, но хотелось бы видеть кто, за что и в каой стеме поставил плюс или минус.
Порылась на форуме, но так и не нашла есть ли альтернатива.
Нашла вот эту закрытую тему и поддерживаю просьбу. Помогите пожалуйста дать народу зрелищ и хлеба и вернуть покой на форум.
https://help.forum2x2.ru/t35130-topic
Заранее благодарна за любую помощь.
с ув. Аллана Миллер

А такое сделать не хотите? https://help.forum2x2.ru/t36645-topic#253139

IceQueen, спасибо, сейчас буду пробовать!

IceQueen, мне очень нравится идея и очень хочу ее воплотить в жизнь на форуме. Но я если честно очень слаба в этих программных штуках. Мне нужно очень пошаговая и разжеванная инструкция что куда вставить и где что поменять. Если кому то несложно, помогите пожалуйста. Буду очень благодарна! Сделайте человеку подарок к новому году!

Allana Miller,
зайдите в ПА-Оформление-Шаблоны-Общие настройки- нажимаем и выбираем viewtopic_body
-дальше нажимаем на шестеренку как на картинке

-дальше откроется шаблон
-нам надо найти кусок этого кода и удалить

Код:

<!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                           <!-- END switch_vote -->

                           <!-- BEGIN switch_bar -->
                           <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->

                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                           </div>
                           <!-- END switch_bar -->

                           <!-- BEGIN switch_no_bar -->
                           <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                           <!-- END switch_no_bar -->

                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                           <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->

-чтоб найти код в строке впишите   <!-- BEGIN switch_vote_active --> и нажмите поиск )) начало нужного кода подсветит желтым

-выделяете и удаляете код

-дальше снова пишем в строке {postrow.displayed.EDITED_MESSAGE}  нажимаем поиск нам подсветит его
-и перед этим кодом что подсветило вставляем этот код

Код:

<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">

<!-- BEGIN switch_bar -->
  
   <div class="vote-bar">                                                                  
      <span class="votebase" style="display:none">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>
          <div class="like" title="Нравится!"></div>
   </div>
   <!-- END switch_bar -->

<!-- BEGIN switch_vote -->
  <div class="vote-button" style="background: #75D32B url(http://i39.servimg.com/u/f39/13/71/53/06/thumb_11.png) no-repeat center"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"></a></div>
<!-- END switch_vote -->

</div>
<!-- END switch_vote_active -->

-нажимаем сохранить в конце шаблона

-нажимаем опубликовать

дальше идем в CSS (Оформление-картинки и цвета-цвета-Каскадная таблица стилей CSS) и вставляем этот  код

Код:

.vote .vote-bar {
border: none !important;
font-size: 12px !important;
height: auto !important;
margin: 0 !important;
padding: 0 5px !important;
width: auto !important;
float: left;
}

.vote {
float: right !important;
width: auto !important;
text-align: right !important;
text-shadow: 1px 1px 0 rgba(102, 102, 102, 0.5);
    font-family: Helvetica, Arial, sans-serif;
    background: #588fe5;
    display: inline-block;
    color: #fff !important;
    position: relative;
    margin: 0 20px 0 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-decoration: none;
    height: 34px;
    line-height: 34px;
}

.vote:after {
    display: inline-block;
    border: 17px solid;
    border-color: transparent transparent transparent #588fe5;
    height: 0;
    width: 0;
    position: absolute;
    right: -34px;
    top: 0;
    content: "";
}

.vote .vote-button {
font-weight: 700;
text-align: center;
float: left;
height: 24px;
width: 24px;
line-height: 24px;
margin: 5px;
border-radius: 4px;
}

.vote-button:hover {
opacity: 0.4;
}

.vote-button a {
display: block;
width: 24px;
height: 24px;
}

.like {
padding-left: 20px;
background: transparent url(http://i39.servimg.com/u/f39/16/54/26/99/heart_10.png) no-repeat left center;
}

нажимаем Ок 
-дальше идем Па-Модули-управление кодами

-ставим галочку да и создаем новый

-даем название ставим расположение в темах и вставляем этот скрипт

Код:

$(document).ready(function() {
  $('.vote').each(function() {
    if ($(this).find('.votebase').length > 0) {
     $(this).find('.like').html(/[0-9]+/.exec($(this).find('.votebase').html().replace('Рейтинг сообщения: 100% (',''))[0]);
    }
    else {}
  });
});

нажимаем Ок
и все ))

Tinna, даже представления не имею сколько времени Вы потратили на то, чтобы все так понятно и доходно расписать, что даже такой чайник как я сделала это с первого раза. Сама не поняла как, но с Вашей инструкцией это стало реально. Спасибо Вам огромное не только от меня, но и от наших форумчан! С наступающим Новым годом!

Хотела задать вопрос в предыдущей теме. но ее закрыли.

Хотела спросить Tinna. Вот сейчас есть в каждом сообщении кнопка с пальцем вверх и когда на нее нажимаешь, то репутация пользователя поднимается на один балл. Прекрасно все работает. Спасибо!
А вот можно сделать как тут
https://help.forum2x2.ru/t36645-topic#253139
чтобы видно было сколько людей лайкнули это сообщение. Или это я уже совсем оборзела

Allana Miller, после нажатия будет сердце и возле него цифра)эта цифра и обозначает сколько человек лайкнуло

п.с. создание заняло 1 минуту и мне не сложно)

Tinna, я когда нажимаю у меня просто пустая иконка получается без сердечка и цыфры.
До


После


может это я что то "нахимичила" когда все эти коды вставляла? Для меня это полная алхимия, если честно.
П.С. Если у Вас все это заняло минуту, то я даже не знаю что и сказать у меня начал развиваться комплекс неполноценности Как вообще в этом можно разбираться?!

Allana Miller, а вы пропустили последний шаг
-заходите в Па-Модули - HTML & JAVASCRIPT-Управление кодами Javascript
-создаете  ставите код -показ в темах-название -сохранить
-дальше включаете
Активировать управление кодами Javascript :да и нажимаете сохрнить


и все

Tinna, спасибо огромное! Вы мне очень помогли!

Allana Miller, рада была помочь

Только сейчас заметила, что эта тема еще открыта. Tinna помогла мне разрешить мой вопрос. Спасибо огромное! Все отлично работает и радует глаз. Тему можно закрывать.