Делаем кнопку "Спасибо" из репутации

Приветствую!

Это руководство содержит пошаговое описание, как из кнопок репутации с "+" и "-" сделать одну кнопку "спасибо". Штатная кнопка, к сожалению, работает не совсем актуально для форумов, так что, я надеюсь, это описание кому-то поможет

Итак, первым делом, заходим сюда:
ПА -> Модули -> Очки и репутация -> Репутация
и ставим "Да" напротив "Активировать систему репутации".

Далее идем сюда:
ПА -> Оформление -> Шаблоны -> Общие настройки
находим внизу шаблон viewtopic_body Показ темы

Меняем в нем фрагмент:

Код:

<td colspan="2">
 <!-- 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 -->

На нижеследующий кусок, который заменяет кнопку "+" на кнопку "thanks" из стандартного набора, удаляет кнопку "-", и убирает градусник, заменяя его на стандартную иконку онлайна(зеленый кружочек). Разумеется картинки можжно задать свои, заменив ссылки на нужные Вам:

Код:

<td colspan="2">
 <!-- 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}"><img src="http://illiweb.com/fa/invision/icon_thanks_on_en.png" alt="Отличный пост" border="0" /></a></div>
 <!-- END switch_vote -->
 <!-- BEGIN switch_bar -->
 <div><a href="{postrow.displayed.switch_vote_active.switch_vote.L_VOTE_TITLE}"><img src="http://illiweb.com/fa/online.png" alt="Отличный пост" border="0" /></a>
 
</div>
 <!-- END switch_bar -->
 
                                                </div>
 <!-- END switch_vote_active -->

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


Далее, что б выровнять местополжение иконок в сообщении, заходим сюда:
ПА -> Оформление -> Картинки и цвета -> Цвета -> Каскадная таблица стилей CSS
и добавляем этот фрагмент:

Код:

   .vote {
    float:right;
    margin-left:4px;
    width: 70px;
    }
    .vote .vote-no-bar {
    text-align: center;
    }

Собственно, результат работы прикреплен снизу. Первое сообщение - после того как вы нажали на "спасибо", второе - еще никто не нажал, и третье - кто-то нажал до вас. Иконки разумеется мои, кроме зеленой лампочки - она стандартная.