Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Dana Domirani в Вс 4 Июл - 16:17

С 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 -->
Сохраните изменения и опубликуйте шаблон.

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

http://i39.servimg.com/u/f39/13/71/53/06/001_1810.png

http://i39.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

http://i39.servimg.com/u/f39/13/71/53/06/thumb_11.png
http://i39.servimg.com/u/f39/13/71/53/06/thumb_10.png



Размер: 24*24

http://i39.servimg.com/u/f39/13/71/53/06/blue_a10.png
http://i39.servimg.com/u/f39/13/71/53/06/blue_a11.png


Размер: 24*24

http://i39.servimg.com/u/f39/13/71/53/06/green_10.png
http://i39.servimg.com/u/f39/13/71/53/06/green_11.png


Размер: 24*24

http://i39.servimg.com/u/f39/13/71/53/06/orange10.png
http://i39.servimg.com/u/f39/13/71/53/06/orange11.png


Размер: 24*24

http://i39.servimg.com/u/f39/13/71/53/06/14041410.png
http://i39.servimg.com/u/f39/13/71/53/06/14041411.png


Размер: 24*24

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


Размер: 48*48

http://i39.servimg.com/u/f39/13/71/53/06/icon_t11.png
http://i39.servimg.com/u/f39/13/71/53/06/icon_t12.png
avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22444
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения