Разноцветные полосы опроса

[Garret_Dark]

В subsilver2 шкалы опроса выглядят несколько скучновато и не отличаются одна от другой (В просильвере по другому подошли к этому вопросу), в общем поискав здесь и на phpbb.com решения для сабсильвера не нашел (Для phpbb2 есть, а для тройки нет ).
Такчто сделал свой вариант, может кому пригодится:
В итоге будет выглядеть примерно вот так (На скрине фон моего стиля):


Для стиля subsilver2 и других на его основе:

открыть your_style/template/viewtopic_body.html
найти

Код: Выделить всё

<td dir="ltr">{POLL_LEFT_CAP_IMG}{poll_option.POLL_OPTION_IMG}{POLL_RIGHT_CAP_IMG}</td>

Заменить на

Код: Выделить всё

<td width="200" dir="ltr">
<!-- IF poll_option.S_ROW_COUNT == 0 or poll_option.S_ROW_COUNT == 10 or poll_option.S_ROW_COUNT == 20 --><div class="poll1" style="width: {poll_option.POLL_OPTION_PERCENT}"><img src="{T_THEME_PATH}/images/poll/1l.gif" width="4" height="12" alt="" border="0" /></div>
<!-- ELSEIF poll_option.S_ROW_COUNT == 1 or poll_option.S_ROW_COUNT == 11 or poll_option.S_ROW_COUNT == 21 --><div class="poll2" style="width: {poll_option.POLL_OPTION_PERCENT}"><img src="{T_THEME_PATH}/images/poll/2l.gif" width="4" height="12" alt="" border="0" /></div>
<!-- ELSEIF poll_option.S_ROW_COUNT == 2 or poll_option.S_ROW_COUNT == 12 or poll_option.S_ROW_COUNT == 22 --><div class="poll3" style="width: {poll_option.POLL_OPTION_PERCENT}"><img src="{T_THEME_PATH}/images/poll/3l.gif" width="4" height="12" alt="" border="0" /></div>
<!-- ELSEIF poll_option.S_ROW_COUNT == 3 or poll_option.S_ROW_COUNT == 13 or poll_option.S_ROW_COUNT == 23 --><div class="poll4" style="width: {poll_option.POLL_OPTION_PERCENT}"><img src="{T_THEME_PATH}/images/poll/4l.gif" width="4" height="12" alt="" border="0" /></div>
<!-- ELSEIF poll_option.S_ROW_COUNT == 4 or poll_option.S_ROW_COUNT == 14 or poll_option.S_ROW_COUNT == 24 --><div class="poll5" style="width: {poll_option.POLL_OPTION_PERCENT}"><img src="{T_THEME_PATH}/images/poll/5l.gif" width="4" height="12" alt="" border="0" /></div>
<!-- ELSEIF poll_option.S_ROW_COUNT == 5 or poll_option.S_ROW_COUNT == 15 or poll_option.S_ROW_COUNT == 25 --><div class="poll6" style="width: {poll_option.POLL_OPTION_PERCENT}"><img src="{T_THEME_PATH}/images/poll/6l.gif" width="4" height="12" alt="" border="0" /></div>
<!-- ELSEIF poll_option.S_ROW_COUNT == 6 or poll_option.S_ROW_COUNT == 16 or poll_option.S_ROW_COUNT == 26 --><div class="poll7" style="width: {poll_option.POLL_OPTION_PERCENT}"><img src="{T_THEME_PATH}/images/poll/7l.gif" width="4" height="12" alt="" border="0" /></div>
<!-- ELSEIF poll_option.S_ROW_COUNT == 7 or poll_option.S_ROW_COUNT == 17 or poll_option.S_ROW_COUNT == 27 --><div class="poll8" style="width: {poll_option.POLL_OPTION_PERCENT}"><img src="{T_THEME_PATH}/images/poll/8l.gif" width="4" height="12" alt="" border="0" /></div>
<!-- ELSEIF poll_option.S_ROW_COUNT == 8 or poll_option.S_ROW_COUNT == 18 or poll_option.S_ROW_COUNT == 28 --><div class="poll9" style="width: {poll_option.POLL_OPTION_PERCENT}"><img src="{T_THEME_PATH}/images/poll/9l.gif" width="4" height="12" alt="" border="0" /></div>
<!-- ELSEIF poll_option.S_ROW_COUNT == 9 or poll_option.S_ROW_COUNT == 19 or poll_option.S_ROW_COUNT == 29 or poll_option.S_ROW_COUNT > 29 --><div class="poll10" style="width: {poll_option.POLL_OPTION_PERCENT}"><img src="{T_THEME_PATH}/images/poll/10l.gif" width="4" height="12" alt="" border="0" /></div><!-- ENDIF -->
							</td>

Открыть your_style/theme/stylesheet.css
В самый конец файла, на новой строке добавить

Код: Выделить всё

/* Colored poll */

.poll1 {
	background-image: url('./images/poll/1r.gif');
	background-position: right center;
}

.poll2 {
	background-image: url('./images/poll/2r.gif');
	background-position: right center;
}

.poll3 {
	background-image: url('./images/poll/3r.gif');
	background-position: right center;
}

.poll4 {
	background-image: url('./images/poll/4r.gif');
	background-position: right center;
}

.poll5 {
	background-image: url('./images/poll/5r.gif');
	background-position: right center;
}

.poll6 {
	background-image: url('./images/poll/6r.gif');
	background-position: right center;
}

.poll7 {
	background-image: url('./images/poll/7r.gif');
	background-position: right center;
}

.poll8 {
	background-image: url('./images/poll/8r.gif');
	background-position: right center;
}

.poll9 {
	background-image: url('./images/poll/9r.gif');
	background-position: right center;
}

.poll10 {
	background-image: url('./images/poll/10r.gif');
	background-position: right center;
}

Скачать вложенный архив с изображениями и распаковать в папку your_style/theme/images/

poll.zip