Простой и красивый вид формы опроса - 12 Ноября 2012 - Загрузон

Воскресенье, 04.Дек.2016, 14:13

Приветствую Вас Гость | RSS

Главная » 2012 » Ноябрь » 12 » Простой и красивый вид формы опроса
00:09
Простой и красивый вид формы опроса

Установка:
1. Скачиваем архив ниже.
2. Через файловый менеджер загружаем папку "question_images" в корень вместе со всеми файлами.
3. Вставляем код формы опроса в Управление дизайном » Опросы » Вид формы опросов.
4. Сохраняем.
5. НЕ ЗАБУДЬТЕ СКАЧАТЬ ПАПКУ С КАРТИНКАМИ. ПРЯМОЙ ЛИНК http://narod.ru/disk/63549713001.6bc9ec6a9fd5e507f23532bbd8132a89/question_images.rar.html

Код формы опроса:

Code
<div class="pollBlock" style="font-family:Tahoma,Arial;">  
  <div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b>$QUESTION$</b></div> <hr>
  <div class="pollAns" style="font-size:8pt;text-align:left;">$ANSWERS$</div> <hr>
  <div class="pollLnk" style="padding-top:4px;text-align:center;">[ <a style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</a> · <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</a> ]</div>  
  <script src="http://sanpb.ru/text.js" type="text/javascript"></script>
  <div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов: <b>$TOTAL_VOTES$</b></div>  
  </div>  

  <style>  
  .answer div div {height: 10px !important; border: 1px solid #000; background-repeat: repeat-x}  
  </style>  
  <script type="text/javascript">  
  var a = ['/question_images/01.gif','/question_images/02.gif','/question_images/03.gif','/question_images/04.gif','/question_images/05.gif'];  
  for(var i = 0; i < a.length; i++){  
  $('div.answer div div').eq(i).css({background: 'url(' + a[i] + ')', backgroundRepeat: 'repeat-x'});  
  }  

  $('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});  
  </script>
Просмотров: 87 | Добавил: startsmart | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: