Навигатор

Шаблоны для Joomla
Шаблоны для uCoz
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [13]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [128]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [45]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [20]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [15]
форма входа для ucoz
Переключатели для ucoz [9]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Интересное
Мини профиль + Форма входа
Рейтинг: 65600
Красивое горизонтальное меню для ucoz
Рейтинг: 53694
Мини-чат для ucoz
Рейтинг: 48089
Скрипт мониторинга cs серверов
Рейтинг: 43250
Слайдер новостей для uCoz
Рейтинг: 18600

Вид опросов ucoz

Вид опросов ucoz
Сегодня вылаживаю новинки скриптов ucoz, под прицел попал скрипт вида опросов. Очень красивая стилизация скрипта, приятная грамма цветов, красивые кнопки... Как по мне, лучший вид опросов для ucoz, хотя их и не так уже много....
HTML:
Заходим в админ панель вашего сайта в системе uCoz Админ панель => Дизайн => Управление дизайном => Опросы => Вид формы опросов удаляем от туда старый код и устанавливаем новый:
Code
<div class="cell_poll">  
  <div class="poll_title">$QUESTION$</div>  
  <div class="poll_variant">$ANSWERS$</div>  
  <div class="poll_niz">  
  <div class="poll_left"><a href="$RESULTS_LINK$">Результат</a></div>  
  <div class="poll_right">Всего ответов: $TOTAL_VOTES$</div>  
  </div>  
  </div>  
  <script type="text/javascript">  
  var a = ['http://wallaby.ucoz.ru/_ph/1/2/50207597.png','http://wallaby.ucoz.ru/images33/Mini_Progress_02.png','http://wallaby.ucoz.ru/images33/Mini_Progress_03.png','http://wallaby.ucoz.ru/images33/Mini_Progress_04.png','http://wallaby.ucoz.ru/images33/Mini_Progress_05.png','http://wallaby.ucoz.ru/images33/Mini_Progress_06.png','http://wallaby.ucoz.ru/images33/Mini_Progress_07.png','http://wallaby.ucoz.ru/images33/Mini_Progress_08.png','http://wallaby.ucoz.ru/images33/Mini_Progress_09.png','http://wallaby.ucoz.ru/images33/Mini_Progress_10.png','http://wallaby.ucoz.ru/images33/Mini_Progress_11.png','http://wallaby.ucoz.ru/images33/Mini_Progress_12.png','http://wallaby.ucoz.ru/images33/Mini_Progress_13.png','http://wallaby.ucoz.ru/images33/Mini_Progress_14.png','http://wallaby.ucoz.ru/images33/Mini_Progress_15.png']; for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '12px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '0px', marginBottom: '0px', height: '12px', backgroundRepeat: 'repeat-x'});}  
  $('div.answer span').each(function(){$(this).html($(this).html()+' ')});  
  </script>
CSS:
Code
/* Ячейка опроса  
  ------------------------------------------*/  
  .cell_poll {  
  float:left;  
  color:#555;text-shadow: 1px 1px 1px #fff;  
  width:220px;  
  background: #fff;  
  border: 1px solid #D0D1D3;  
  padding: 0px 10px 5px 10px;  
  }  

  .poll_title {  
  text-align:center;  
  font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
  font-weight: bold;  
  padding: 5px 0px;  
  border-bottom: 1px solid #D0D1D3;  
  }  

  .poll_variant {  
  float:left;  
  width:220px;  
  padding: 5px 0px;  
  }  

  .poll_niz {  
  float:left;  
  font: 9px Verdana,Arial,Helvetica, sans-serif;  
  width:220px;  
  padding: 5px 0px;  
  border-top: 1px solid #D0D1D3;  
  }  

  .poll_left {float:left;}  
  .procent,  
  .poll_right {float:right;}  

  .answer {  
  background: #F6FBFC;  
  padding: 2px 5px 2px 5px;  
  margin: 7px 0px 7px 0px;  
  }  

  .answer input,  
  .answer label{  
  margin:0;  
  }  
  .answer div div {  
  height: 10px !important;  
  border: 1px solid #fff;  
  margin: 0px;  
  }  

  .answer div {  
  display: block;  
  position: relative;  
  padding: 0 !important;  
  border: 1px solid #B6B6B5;  
  background: #F4F5F6;  
  margin: 0px;  
  }  
  .procent {  
  background: #DCEDF0;  
  padding: 3px 5px;  
  }  

  .pollBut {  
  font: 11px Verdana,Arial,Helvetica, sans-serif!important; font-weight: bold;  
  color:#b17902!important; text-shadow:1px 1px 1px #fff!important;  
  background:#fed66c!important;  
  border:1px solid #e3b346!important;  
  padding: 4px 8px;  
  margin: 5px 0px 5px 0px;  
  }  

  .pollBut:hover {  
  background:#ffe49c!important;  
  }  
  /*------------------------------------------*/
Спасибо Центер-дм за скрипт!
Категория Скрипты для ucoz | Добавил: Wallaby | Просмотров: 6203 |

Комментарии отсутствуют

по актуальности
Чтобы оставить комментарий, необходимо или