» »

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


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

Красивый опрос как на dle для сайта ucoz. Надоел стандартный опрос тогда вам сюда, представляю вам красивый опрос подойдет к серым и светлым дизайн, на сайте придает свою изюминку при виде опроса. На сайте zornet.ru вы всегда найдете нужный скрипт или шаблон ucoz для сайта. также на форуме есть раздел все для сайта ucoz. И там же можно найти раздел о помощи или подсказки по теме дизайн сайта. Так же хочу сказать все скрипты проверенны на тестовом сайте на работоспособность. Так же вы можете посмотреть этот опрос на этом сайте
Приступаем к установке:
Скачиваем файл и размещаем в корень сайта в папку images если такой нет создаем ее.
Идем в CSS и прописываем этот код.
Code
.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');  
  }


Идем в вид формы опросов и добавьте в конец этот код. Повторюсь не чего не убираем а просто в низу прописываем этот код.

Code
<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.04.2012 Загрузок: 17 Просмотров: 1975 Комментарий: (4)

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

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

Комментарий: 4
FeStemBer
FeStemBer 23.12.2015 21:031
0
Хороший, что тут говорить, не раз его устанавливал и дизайн его что под светлый сайт подойдет, что под темный и там все будет ровно.
Сопрано
Сопрано 23.12.2015 21:132
0
Как то вообще к опросам относусб нетрально, а еси по этому, то явно лучше, чем предлогает сама система, а вот нужен ли он.
nikolla76
nikolla76 23.12.2015 21:233
0
Ставил его и не менял не какие вопросы, чисто посмотреть, и скажу очень на светлом дизайне он смотрится красиво.
Kosten
Kosten 23.12.2015 21:394
0
Также ставил и стоял долго, держал чисто для дизайна, просто красиво вписался на сайт.
avatar