Актуальная информация по форуму EXTM

Последние обновления на форуме Популярные темы Лучшие пользователи Новые раздачи
Страница 1 из 11
Форум EXTM » Раздел для Web-Мастера » Система uCoz » Скрипты для uCoz » Новый простой вид опроса
Новый простой вид опроса
Offline ZvukoFF Дата: Четверг, 29.06.2017, 17:03 | Сообщение # 1
Сообщения: «94»
Награды: «0»
-
+
«3»


Код
<script type="text/javascript">
var a = ['1','2','3','4','5','6','1','2','3','4','5','6'];
for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress'+[i]).css({marginBottom: '-3px', backgroundRepeat: 'repeat-x'});}
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});
</script>


CSS:

Код
.answer { position:relative;margin:0 0 10px 0;height:25px;padding:0!important; }
.answer span { z-index:2;position:relative;left:-5px;color:#666;top:5px;text-shadow:0 0 1px #fff; }
.answer div { position:absolute;top:0px;width:100%;padding:0!important; }

.progress { height:25px; background:#eee; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); }

.progress div { height:25px!important; }
.procent { top:0!important;left:5px!important; }
.progress0 { background:#fb3c2d!important; }
.progress1 { background:rgb(32,195,209)!important; }
.progress2 { background:rgb(133,202,45)!important; }
.progress3 { background:rgb(231,197,19)!important; }
.progress4 { background:rgb(22,184,206)!important; }
.progress5 { background:rgb(32,195,209)!important; }
.progress6 { background:rgb(32,195,209)!important; }
 
Форум EXTM » Раздел для Web-Мастера » Система uCoz » Скрипты для uCoz » Новый простой вид опроса
Страница 1 из 11
Поиск: