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

4048 просмотров Alan_Writer 04.05.2013

Новый вид опроса для uCoz. Скрестив два варианта формы опроса и добавив в них свои решения, я получил свою форму опроса, которая расположена в данном блоге.

Установка:

Идем сюда: Админ панель => Дизайн => Опросы => Вид формы опросов. Удаляем оттуда старый код и устанавливаем этот:

Код

<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><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://www.center-dm.ru/site/poloska_1.gif','http://www.center-dm.ru/site/poloska_2.gif','http://www.center-dm.ru/site/poloska_3.gif','http://www.center-dm.ru/site/poloska_4.gif','/site/poloska_5.gif', 'http://www.center-dm.ru/site/poloska_6.gif','http://www.center-dm.ru/site/poloska_7.gif','http://www.center-dm.ru/site/poloska_8.gif','http://www.center-dm.ru/site/poloska_9.gif','http://www.center-dm.ru/site/poloska_10.gif','http://www.center-dm.ru/site/poloska_1.gif','http://www.center-dm.ru/site/poloska_2.gif','http://www.center-dm.ru/site/poloska_3.gif','http://www.center-dm.ru/site/poloska_4.gif','http://www.center-dm.ru/site/poloska_5.gif','http://www.center-dm.ru/site/poloska_6.gif','/site/poloska_7.gif','http://www.center-dm.ru/site/poloska_8.gif','http://www.center-dm.ru/site/poloska_9.gif','http://www.center-dm.ru/site/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-стили:

Код

/* Ячейка опроса
  ------------------------------------------*/
  .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;}
  /* -------------------------------------- */

P.S. если кто будет изменять графические изображения полоски результатов опроса, то будьте так добры, скиньте ссылку на свой результат, дабы установить ваши изображения, как дополнение к данному варианту формы опроса, разумеется с обратной ссылкой вашего проекта.

Теги: вид опроса, новый вид опроса для uCoz, для uCoz, новый вид