Кнопки [+] и [-] в виде изображений (BB2, Pun)

Второй способ, подходит для движков с редактируемыми шаблонами (BB2, Pun)

Откройте ПА > Оформление > Шаблоны > Общие настройки - viewtopic_body (Показ темы)

1. Найдите фрагмент (это кнопка + )

Код:

<!-- 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_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://www.poltergeist-legacy.com/users/2915/92/76/67/album/0002w10.png" alt="Отличный пост" border="0" /></a></div>
<!-- END switch_vote -->

2. Найдите фрагмент (это кнопка - )

Код:

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

и замените на

Код:

<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="http://www.poltergeist-legacy.com/users/2915/92/76/67/album/0001w10.png" alt="Бесполезный пост" border="0" /></a></div>
<!-- END switch_vote -->

Сохраните изменения и опубликуйте шаблон.

Адреса картинок кнопок

http://www.poltergeist-legacy.com/users/2915/92/76/67/album/0002w10.png

http://www.poltergeist-legacy.com/users/2915/92/76/67/album/0001w10.png
замените на нужные вам.

А в персональную CSS добавьте следующий код:

Код:

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

width: 30px - число измените в соответствии с шириной Ваших кнопок

Готово.

---

Внимание: Если вы используете тип форумов "Блоги", тогда Вам понадобиться еще изменить кнопки репутации в комментариях.
Все просто: по тому же принципу, что описан для шаблона "Показ темы" нужно заменить коды кнопок в шаблоне viewcomments_body (Показ комментариев).

После чего сохранить и опубликовать измененный шаблон.