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

Универсальный способ, подходит для всех движков, но в первую очередь предназначен для BB3 и IPB, которые не имеют редактируемых шаблонов

1. Отключите стандартные значки голосования + и - и загрузите кнопки

Добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS стили для маскировки кнопок голосования, стоящих по умолчанию. Сделайте это обязательно!

Код:

.vote .vote-no-bar {
display:none;
}
.vote {
width: auto;
}
.vote-button {
width: auto;
font-size: 0px;
}

Сохраните изменения.

Далее загрузите куда-либо кнопки. Копируйте ссылки на них. Например, так:

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

2. Создайте новый персональный виджет на главной странице.

Если Вы не хотите видеть виджеты на главной странице, прочитайте это (тыц!):

Вам надо будет создать левую колонку с одним виджетом, а потом замаскировать ее.
В ПА > Модули > Виджеты главной страницы > Показывать виджеты главной страницы - поставьте "да". Указываете минимальную ширину колонки - 180.

После этого добавляете в Па > Оформление > Цвета > Каскадная таблица стилей CSS.

Код:

#content-container div#left {
display: none;
margin-right:0px;
}
#content-container div#content {
margin-right: 0px;
}

Откройте ПА > Модули > Виджеты главной страницы. Нажмите "Создать персональный виджет".
В настройках укажите:
• Имя виджета: любое, например Кнопки Голосования (чтобы потом быстро их найти )
• Использовать стандартный шаблон: нет
• Название виджета: оставляете пустым

В Содержание виджета помещаете код.

Код:

<script type='text/javascript' charset='windows-1251'>
jQuery(document).ready(function(){
jQuery("div.vote-button a:contains('+')").append(jQuery('<img src="http://www.poltergeist-legacy.com/users/2915/92/76/67/album/0002w10.png" alt="Отлично!" Title="Отлично!">'));
jQuery("div.vote-button a:contains('-')").append(jQuery('<img src="http://www.poltergeist-legacy.com/users/2915/92/76/67/album/0001w10.png " alt="Бесполезно" Title="Бесполезно">'));
});
</script>

Затем нажмите "Сохранить".
Поставьте этот виджет в левую колонку, в самый низ, и еще раз нажмите кнопку "Сохранить".

3. Отредактируйте скрипт.

Вместо ссылок на мои картинки подставьте ссылки на свои. Значения alt и Title также можно указать на свое усмотрение.

<script type='text/javascript' charset='windows-1251'>
jQuery(document).ready(function(){
jQuery("div.vote-button a:contains('+')").append(jQuery('<img src="http://www.poltergeist-legacy.com/users/2915/92/76/67/album/0002w10.png" alt="Отлично!" Title="Отлично!">'));
jQuery("div.vote-button a:contains('-')").append(jQuery('<img src="http://www.poltergeist-legacy.com/users/2915/92/76/67/album/0001w10.png " alt="Бесполезно" Title="Бесполезно">'));
});
</script>

Сохраните изменения.
Готово!

---

Если возникнут вопросы - задавайте, пожалуйста, их в этой теме >>>

© Данный туториал создан пользователем Dana Domirani. Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.