Простой и красивый вид формы опроса | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Четверг, 08.12.2016
Главная » 2012 » Ноябрь » 11 » Простой и красивый вид формы опроса

ПрограммыДля юКоз
Веб-мастеруКниги онлайн
jQuery



Русские шрифты



17:37
Простой и красивый вид формы опроса

Установка:
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> 
  <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>


Адаптивный сайт - aTmpl





© Категория: Для юКоз | Просмотров: 306 | Добавил: startsmart| Рейтинг: 0.0/0

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

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]