Сегодня искал новинки скриптов ucoz, под прицел попал скрипт вида опросов. Очень красивая стилизация скрипта, приятная грамма цветов, красивые кнопки... Как по мне, лучший вид опросов для ucoz, хотя их и не так уже много....
Установка Заходим в админ панель вашего сайта в системе uCoz Админ панель => Дизайн => Управление дизайном => Опросы => Вид формы опросов удаляем от туда старый код и устанавливаем новый:
Code
<div class="cell_poll">
<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://wallaby.ucoz.ru/_ph/1/2/50207597.png','http://wallaby.ucoz.ru/images33/Mini_Progress_02.png','http://wallaby.ucoz.ru/images33/Mini_Progress_03.png','http://wallaby.ucoz.ru/images33/Mini_Progress_04.png','http://wallaby.ucoz.ru/images33/Mini_Progress_05.png','http://wallaby.ucoz.ru/images33/Mini_Progress_06.png','http://wallaby.ucoz.ru/images33/Mini_Progress_07.png','http://wallaby.ucoz.ru/images33/Mini_Progress_08.png','http://wallaby.ucoz.ru/images33/Mini_Progress_09.png','http://wallaby.ucoz.ru/images33/Mini_Progress_10.png','http://wallaby.ucoz.ru/images33/Mini_Progress_11.png','http://wallaby.ucoz.ru/images33/Mini_Progress_12.png','http://wallaby.ucoz.ru/images33/Mini_Progress_13.png','http://wallaby.ucoz.ru/images33/Mini_Progress_14.png','http://wallaby.ucoz.ru/images33/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>
В 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;