Кнопки [+] и [-] в виде изображений [универсал]

[Dana Domirani]

С 20.05.2014 подходит для всех движков

Откройте ПА > Оформление > Шаблоны > Общие настройки - шаблон 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://i39.servimg.com/u/f39/13/71/53/06/001_1810.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://i39.servimg.com/u/f39/13/71/53/06/001_1910.png" alt="Бесполезный пост" border="0" /></a></div>
<!-- END switch_vote -->

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

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

https://i.servimg.com/u/f39/13/71/53/06/001_1810.png

https://i.servimg.com/u/f39/13/71/53/06/001_1910.png
замените на нужные вам.

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

Код:

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

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

Готово.

---

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

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

---

Еще варианты иконок [+] и [-]

Размер: 16*16

https://i.servimg.com/u/f39/13/71/53/06/thumb_11.png
https://i.servimg.com/u/f39/13/71/53/06/thumb_10.png



Размер: 24*24

https://i.servimg.com/u/f39/13/71/53/06/blue_a10.png
https://i.servimg.com/u/f39/13/71/53/06/blue_a11.png


Размер: 24*24

https://i.servimg.com/u/f39/13/71/53/06/green_10.png
https://i.servimg.com/u/f39/13/71/53/06/green_11.png


Размер: 24*24

https://i.servimg.com/u/f39/13/71/53/06/orange10.png
https://i.servimg.com/u/f39/13/71/53/06/orange11.png


Размер: 24*24

https://i.servimg.com/u/f39/13/71/53/06/14041410.png
https://i.servimg.com/u/f39/13/71/53/06/14041411.png


Размер: 24*24

https://i.servimg.com/u/f39/13/71/53/06/thumb-11.png
https://i.servimg.com/u/f39/13/71/53/06/thumb-10.png


Размер: 48*48

https://i.servimg.com/u/f39/13/71/53/06/icon_t11.png
https://i.servimg.com/u/f39/13/71/53/06/icon_t12.png