• Страница 1 из 1
  • 1
Форум Kentos311 » uCoz » Скрипты для сайта » Новый вид опроса для uCoz (Реалистичный светлый вид опроса для системы uCoz)
Новый вид опроса для uCoz
Kentos311Дата: Понедельник, 08.01.2018, 15:10 | Сообщение # 1
Сообщений: 455
Статус:

Как вы уже заметили этот вид опроса идет под светлый стиль дизайна. Простой вид опроса для сайта uCoz, смотрится симпатично и самое главное что вид находится без всяких ссылок. Вид опроса сразу показывает в процентах, это очень удобно по подчету голосов.

Приступим к установке:

Переходим в стандартный вид опроса и добавляем туда этот скрипт:
Код
<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;}


Установка завершена!.
Прикрепления: 2062494.jpg(32.0 Kb)
 
Форум Kentos311 » uCoz » Скрипты для сайта » Новый вид опроса для uCoz (Реалистичный светлый вид опроса для системы uCoz)
  • Страница 1 из 1
  • 1
Поиск: