Такс, ну вот примерно так:
Вот что я вижу в опере 12.16 у
Smayliks и честно-говоря, ума не приложу зачем там столько написано в CSS ?
Вот что получилось у меня (также не используется ни одного изображения).
При этом кода намного меньше (всего 2 класса)
Открыть prosilver/template/viewtopic_body.html
Найти
Код: Выделить всё
<!-- IF S_DISPLAY_RESULTS --><dd class="resultbar"><div class="<!-- IF poll_option.POLL_OPTION_PCT < 20 -->pollbar1<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->pollbar2<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->pollbar3<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->" style="width:{poll_option.POLL_OPTION_PERCENT};">{poll_option.POLL_OPTION_RESULT}</div></dd>
И заменить на
Код: Выделить всё
<!-- IF S_DISPLAY_RESULTS --><dd class="resultbar"><div class="new_pool_bg"><div class="new_pool_line" style="box-shadow: inset 0 10px 10px <!-- IF poll_option.POLL_OPTION_PCT < 20 -->#4A88C6; background: #79A7D5;<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->#E06F23; background: #E48443;<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->#F31BA8; background: #F759BF;<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->#F11217; background: #F33439;<!-- ELSE -->#B156EF; background: #971CEA;<!-- ENDIF --> width:{poll_option.POLL_OPTION_PERCENT};" align="right">{poll_option.POLL_OPTION_RESULT}</div></div></dd>
Открыть prosilver/theme/colours.css
и в самый конец файла с новой строки добавить
Код: Выделить всё
/* Polls */
.new_pool_bg, .new_pool_line {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.new_pool_bg {
width: 100%;
height: 19px;
background: #000;
position: relative;
box-shadow: inset 0 10px 10px #2E2E2E;
padding: 0px !important;
}
.new_pool_line {
position: relative;
left: 1px;
top: 1px;
padding: 2px 5px 2px 0 !important;
}
Открыть subsilver2/template/viewtopic_body.html
Найти
Код: Выделить всё
<td dir="ltr">{POLL_LEFT_CAP_IMG}{poll_option.POLL_OPTION_IMG}{POLL_RIGHT_CAP_IMG}</td>
Заменить на
Код: Выделить всё
<td dir="ltr" width="400"><div class="new_pool_bg"><div class="new_pool_line" style="box-shadow: inset 0 10px 10px <!-- IF poll_option.POLL_OPTION_PCT < 20 -->#4A88C6; background: #79A7D5;<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->#E06F23; background: #E48443;<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->#F31BA8; background: #F759BF;<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->#F11217; background: #F33439;<!-- ELSE -->#B156EF; background: #971CEA;<!-- ENDIF --> width:{poll_option.POLL_OPTION_PERCENT};" align="right">{poll_option.POLL_OPTION_RESULT}</div></div></td>
Открыть subsilver2/theme/stylesheet.css
И в самый конец файла с новой строки добавить (слегка отличается от просильверовского!)
Код: Выделить всё
/* Polls */
.new_pool_bg, .new_pool_line {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.new_pool_bg {
width: 100%;
height: 19px;
background: #000;
position: relative;
box-shadow: inset 0 10px 10px #2E2E2E;
padding: 0px !important;
}
.new_pool_line {
position: relative;
left: 1px;
top: 1px;
padding: 2px 5px 3px 0 !important;
color: #FFF;
}
Собственно и все
А что касается движущейся полоски (которая у
Smayliks'a работает только в вебкитах), то имхо это не нужно, но при желании легко реализовать с помощью того же старого (понимаемого даже IE3)) тега maraguee), а делать с заточкой под один браузер - это создать лишь мусор в CSS для других.
А наложив всего одну маленькую GIF'ку можно такие вещи створить...
Добавлено спустя 2 минуты 50 секунд:
Smayliks писал(а):Никто не против. GNU GPL рулит =)
А причем тут лицензия? Я ж не переделываю твой вариант, да и в уже далеком 2011 году, на первых шагах работы с phpbb выкладывал решение с опросами для subsilver2
Разноцветные полосы опроса
Добавлено спустя 2 минуты 14 секунд:
Smayliks писал(а):Под WebKit заточена только анимация.
Пока еще далеко не все перешли на этот движок, потому встраивать решения исключительно для него = создать больше мусора в CSS
