ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Красивый опрос как на dle для сайта ucoz

Красивый опрос как на dle для сайта ucoz

Красивый опрос как на dle для сайта ucoz
Красивый опрос как на dle для сайта ucoz. Надоел стандартный опрос тогда вам сюда, представляю вам красивый опрос подойдет к серым и светлым дизайн, на сайте придает свою изюминку при виде опроса. На сайте zornet.ru вы всегда найдете нужный скрипт или шаблон ucoz для сайта.

Также на форуме есть раздел все для сайта ucoz. И там же можно найти раздел о помощи или подсказки по теме дизайн сайта. Так же хочу сказать все скрипты проверенны на тестовом сайте на работоспособность. Так же вы можете посмотреть этот опрос на этом сайте.

Приступаем к установке:
Скачиваем файл и размещаем в корень сайта в папку images если такой нет создаем ее.
Идем в CSS и прописываем этот код.

Код
.progress { border: 1px solid #ccc; position: relative; display: block; padding: 0; margin:2px 0; background: #DEDEDE; background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#e9e9e9)); background: -moz-linear-gradient(top, #ccc, #e9e9e9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#e9e9e9');-moz-box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;  
  box-shadow:0 1px 0 #fff;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}  
  .progress_1 {  
  border: 1px solid #0078a5; background-color: #5C9ADE;  
  background: -moz-linear-gradient(top, #00adee 10%, #0078a5 90%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #00adee), color-stop(0.9, #0078a5));  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');  
  }  
  .progress_2 {  
  border: 1px solid #5c9425; background-color: #77AF3F;  
  background: -moz-linear-gradient(top, #8fc857 10%, #5c9425 90%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #8fc857), color-stop(0.9, #5c9425));  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc857', endColorstr='#5c9425');  
  }  
  .progress_3 {  
  border: 1px solid #f47a20; background-color: #faa51a;  
  background: -moz-linear-gradient(top, #faa51a 10%, #f47a20 90%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #faa51a), color-stop(0.9, #f47a20));  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');  
  }  
  .progress_4 {  
  border: 1px solid #A92C2C; background-color: #C44747;  
  background: -moz-linear-gradient(top, #DD5F5F 10%, #A92C2C 90%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #DD5F5F), color-stop(0.9, #A92C2C));  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD5F5F', endColorstr='#A92C2C');  
  }  
  .progress_5{  
  border: 1px solid #8c2ca9; background-color: #8c2ca9;  
  background: -moz-linear-gradient(top, #bf5fdd 10%, #8c2ca9 90%);  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #bf5fdd), color-stop(0.9, #8c2ca9));  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf5fdd', endColorstr='#8c2ca9');  
  }


Идем в вид формы опросов и добавьте в конец этот код. Повторюсь не чего не убираем а просто в низу прописываем этот код.
Код
<script type="text/javascript">  
  /* Новый вид опроса для uCoz  
  * by TRANE73 & TRAIN  
  * 09.02.2011 (version 1.0)  
  * Изменение данных строк запрещено  
  */  
  var a = ['/images/ic1.png','/images/ic2.png','/images/ic3.png','/images/ic4.png', '/images/ic5.png','/images/ic1.png','/images/ic2.png','/images/ic3.png', '/images/ic4.png','/images/ic5.png'];  
  for(var i = 0; i < 20; 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>
13 Апреля 2012 Загрузок: 21 Просмотров: 4484 Комментариев: (6)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 6
FeStemBer
FeStemBer 23 Декабря 2015 21:031
0
Хороший, что тут говорить, не раз его устанавливал и дизайн его что под светлый сайт подойдет, что под темный и там все будет ровно.
Сопрано
Сопрано 23 Декабря 2015 21:132
0
Как то вообще к опросам относусб нетрально, а еси по этому, то явно лучше, чем предлогает сама система, а вот нужен ли он.
Марковичь
Марковичь 23 Декабря 2015 21:233
0
Ставил его и не менял не какие вопросы, чисто посмотреть, и скажу очень на светлом дизайне он смотрится красиво.
Kosten
Kosten 23 Декабря 2015 21:394
0
Также ставил и стоял долго, держал чисто для дизайна, просто красиво вписался на сайт.
fart1kq
fart1kq 08 Сентября 2021 22:455
0
Работает, всё ок!
Сопрано
Сопрано 09 Сентября 2021 01:146
0
Намного смориться лучше, чес стандартный.
avatar