Ucoz Шаблоны, Юкоз скрипты для вашего сайта -

Новый вид опросов для uCoz

Сегодня искал новинки скриптов 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;

Всего комментариев: 0