« Вид формы опросов в стиле минимализма для uCoz »

Описание материала:

На вашем сайте стоит опрос? Тогда этот вид формы опроса для Вас. Опрос сделан в стиле минимализма и отлично будет смотреть на светлом дизайне вашего сайта, который расположен в системе uCoz. Вид сделан на белом фоне, с оттенками оранжевого цвета, почти как и все работы нашего сайта. О виде опроса мало что можно написать, Вы просто ставьте его и он отлично украсит Ваш сайт.

Установка:
1. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим код стилей:

Код
/* Вид формы опроса в стиле минимализма для uCoz */  
.cell-poll {float:left;width:230px;color:#393939;background: #fff;padding: 10px 10px 10px 10px;border: 1px solid #D29C39;border-radius:5px;margin: -10px 7px 10px;}  
.cell-poll-title {float:left;width:100%;padding-bottom: 10px;border-bottom: 1px solid #D29C39;font-size: 14px;text-transform: uppercase;font-weight:bold;text-align:center;color:#666;}  
.cell-poll a {text-decoration:none; outline:none}  
.cell-poll-answers {float:left;width:100%;margin: 10px 0px 10px 0px;text-align:left;}  
.answer {float:left;width:100%;color:#f8f8f8;position:relative;height:20px!important;padding: 2px 0px 2px 0px;margin: 0px 0px 7px 0px;background: #f8f8f8;}  
.answer input {margin: 3px 5px 2px 5px;}
.answer label {margin: 2px 0px 2px 0px; color:#777;}
.answer div {height:20px!important;padding: 2px 0px 2px 0px;position:absolute;z-index:998;top:0px;left:0px;width:100%;}
.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;}  
.pollBut {cursor:pointer;border:none!important;margin-top:10px;background: #D29C39!important;padding: 5px 20px 5px 20px!important;font:11px Verdana,Arial,Helvetica, sans-serif!important;font-weight: bold!important;color:#fff!important;}
.pollBut:active {box-shadow:inset 0px 0px 3px #936116!important;}  
.pollBut:hover {background:#FD9C34!important;}  
.cell-poll-link {float:left;width:100%;padding-top: 7px;border-top: 1px solid #D29C39;font-size: 11px;color: #777;}  
.cell-poll-link b,  
.cell-poll-link a {float:right;}  
.cell-poll-link b {color:#B6C0CD;}
/* InternetEmpire.Ru */

2. Заходим в ПУ - Управление дизайном - модуль Опросы - Вид формы опросов и заменяем имеющийся код, на этот:
Код
<div class="cell-poll">  
<div class="cell-poll-title">$QUESTION$</div>  
<div class="cell-poll-answers">$ANSWERS$</div>  
<div class="cell-poll-link">  
<span>Ответов: <strong>$TOTAL_VOTES$</strong></span>  
<a href="$RESULTS_LINK$" >Результаты </a>  
<b> | </b>  
<a href="$ARCHIVE_LINK$">Архив </a>  
</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>


Готово!


Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 642


Поделиться в соц. сетях:
Комментариев к материалу: 1
Artem Larin 26.07.2016 в 18:30Спам
applause шикарно
0
avatar