• Страница 1 из 1
  • 1
Форум » Всё для uCoz » Скрипты от All-Cspro.Ru » Красивый вид опроса в стиле DLE для uCoz
Красивый вид опроса в стиле DLE для uCoz
-SAM- - Offline
Дата: Вторник, 10.02.2015, 16:47 | Сообщение # 1
Нет аватара
⇚ Stand Alone Man ⇛
Сообщения: 165
Ну вот, пожалуй, выложу еще такой вот стильный и красивый вид опроса, совсем как на DLE, но теперь и для вашего сайта uCoz.

Вот так будет выглядеть блок с установленным скриптом опроса (скриншот):

Как вы видите, полоски в результатах опросах значительно преобразились по сравнению с обычными стилями uCoz, которые выводят в процентном соотношении количество проголосовавших.

Установка:
Открываем редактор шаблонов, находим там раздел Опросы, в шаблоне Вид формы опросов удаляем всё, вставляем следующее:
Код
<style type="text/css"> @import url('http://all-cspro.ru/opros.css'); </style>

<div class="pollBlock">
<div class="pollQue"><b>$QUESTION$</b></div><hr />
<div class="pollAns">$ANSWERS$</div>
<div class="pollLnk">[ <a href="$RESULTS_LINK$">Результаты</a> · <a href="$ARCHIVE_LINK$">Архив опросов</a> ]</div>
<div class="pollTot">Всего ответов: <b>$TOTAL_VOTES$</b></div>
</div>

<script type="text/javascript">   
   var a = ['http://all-cspro.ru/jv/ic1.png','http://all-cspro.ru/jv/ic2.png','http://all-cspro.ru/jv/ic3.png','http://all-cspro.ru/jv/ic4.png','http://all-cspro.ru/jv/ic5.png','http://all-cspro.ru/jv/ic1.png','http://all-cspro.ru/jv/ic2.png','http://all-cspro.ru/jv/ic3.png','http://all-cspro.ru/jv/ic4.png','http://all-cspro.ru/jv/ic5.png'];   
   for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '18px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '-3px', marginBottom: '-3px', height: '25px', backgroundRepeat: 'repeat-x'});}   
   $('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});   
</script>
Сохраняем, наслаждаемся полученным новым видом блока Опросы wink


Прикрепления: 6843505.png(10.3 Kb)

Админ - существо кроткое, пока не разозлить...٩(̾●̮̮̃̾•̃̾)۶
Форум » Всё для uCoz » Скрипты от All-Cspro.Ru » Красивый вид опроса в стиле DLE для uCoz
  • Страница 1 из 1
  • 1
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "All-CsPro.Ru".
Копирование материалов с сайта без разрешения запрещено. © 2011-2023 .