Доброго времени суток уважаемые пользователи портала CSOMSK.RU
Сегодня пойдет речь о таком скрипте, как вид опросов в системе uCoz.
Изменяем внешний вид голосования, а также форму ответов. Ориентировочный вид смотрите на скриншоте выше.
Установка:
1. Для начала у вас должен быть активирован модуль "Опросы"
2. Размещен код вывода опросов на странице
3. В таблицу стилей CSS вставляем:
Код
/* Вид формы опроса в стиле минимализма для uCoz */
.answer {color:#4d4d4d; margin-bottom:8px;}
.pollQue {color:#fff; margin: 0 3px 4px 3px;display: block;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;padding: 4px 5px 5px 5px; border-radius: 3px;background: #FF6161;text-shadow: 0 1px 0 #BA4747;}
.answer {width:100%;position:relative;hheight:20px!important;}
.answer div {height:16px!important;padding: 2px 2px 2px 0px;position:absolute;z-index:998;top:0px;left:6px;width:100%;overflow: hidden}
.answer span {float:right;height:14px!important;margin-right: 2px;padding: 2px 5px 2px 5px;color:#666;position:relative;top:1px;left:0px;z-index:999;background: #fff;}
/* CSOMSK.Ru */
В вид формы опросов вставляем код:
Код
<div class="pollBlock" style="color: #6e6e6e;font-family:Tahoma,Arial;">
<div class="pollQue" style="font-size:11pt;text-align:center;">$QUESTION$</div>
<div class="pollAns" style="padding-top:4px;font-size:10pt;text-align:left;">$ANSWERS$</div>
<div class="pollTot" style="padding:8px;font-size:8pt;"><span style="float:left;">Ответов: <b>$TOTAL_VOTES$</b></span> <span style="float:right;"><a href="$RESULTS_LINK$">Результаты</a> · <a href="$ARCHIVE_LINK$">Архив опросов</a></span></div>
</div>
<script type="text/javascript">
var color_poll = ["#5D9AD3","#E96465","#F6954E","#dd8cd2 ","#75D0ED ","#5BC254","#CFC72D","#DD3344","#FE9B6F","#4176B3","#8CC84B","#DD8CD2","#e9eb5b","#E96465","#75D0ED"];
$('.answer div div').each(function(i){
if(!color_poll[i]){color_poll[i] = '#F8F8F8';}
$(this).css({background:color_poll[i++]});
});
</script>
Примечание: Скрипт легко отредактировать под любой дизайн сайта