Все для minecraft 3.2, скрипты для ucoz| PUSK.UCOZ.NET - Каталог файлов

Меню сайта
Навигация Онлайн сервисы Все для uCoz Разное Minecraft Photoshop уроки Видео Cофт/Программы Photoshop Counter Strike 1.6
Мини-чат
Для добавления сообщения зарегистрируйтесь.
Наш опрос
Чего не хватает на сайте?
Всего ответов: 131
Статистика
Статистика сайта

Пользователей всего: 712
Материалов всего [?]: 1310 +
PR-CY.ru

Онлайн всего: 3
Гостей: 3
Пользователей: 0
Гости сайта Пользователи

Пользователи онлайн: Сегодня посетили


Главная » Файлы » uCoz » Опросы


Стилизация опроса uCoz v.1.5
Добавил: Miko · Просмотров: 480 ·
Категория: Опросы
Битая ссылка?! Спасибо +



Стилизация опроса uCoz v.1.5 Более улучшенная версия стилизации стандартного вида опроса в системе 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://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_01.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_02.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_03.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_04.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_05.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_06.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_07.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_08.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_09.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_10.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_11.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_12.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_13.png','http://www.center-dm.ru/ucoz/vid_opros/2/Mini_Progress_14.png','http://www.center-dm.ru/ucoz/vid_opros/2/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()+' <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')});   
  </script>

CSS:
Наш опрос почти готов, осталось прописать 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;   
  }   
  /*------------------------------------------*/
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Мини профиль
Категории
Поиск
Рекламные места
Свободное рекламное место 150х200


Рекламные места свободны Обращайтесь к homyak
Бесплатная раскрутка сайта
Позитивные новости
Жизнь в фотографиях

Дизайн сайта полностью пренадлежит Pusk.ucoz.net
PUSK.UCOZ.NET © 2011-1012

↑ Наверх ↑ sitemap sitemap-forum «Секреты Ucoz»