Старая форма входа
На сайте уже 192 , зарегистрировано 15 и оставлено 1 .
Светлое синее меню д...
Онлайн генератор код...
Уникальный шаблон Cy...
Синий Вид материалов...
Контактная форма на ...
Шаблоны uCoz
Скрипты uCoz
Главная » Файлы » Скрипты uCoz » Опросы
НОВЫЙ ДИЗАЙН ДЛЯ ОПРОСА ДЛЯ ТЕМНЫХ СТИЛЕЙ
  • Добавил: group
  • Дата: 26.02.2014
  • Комментариев: 0
  • Просмотров: 533
Скриншот материала «НОВЫЙ ДИЗАЙН ДЛЯ ОПРОСА ДЛЯ ТЕМНЫХ СТИЛЕЙ»
НОВЫЙ ДИЗАЙН ДЛЯ ОПРОСА ДЛЯ ТЕМНЫХ СТИЛЕЙ
Описание:
Данный скрипт предназначен для изменения стандартного вида опроса.

Совместимость:
Radio » Да
Checkbox » Да
Select » Нет
Select (multiple) » Нет
Links » Нет

Установка:
1. ПУ » Управление дизайном » Опросы » Вид формы опросов:
Заменяем весь стандартный код на этот:
Код
<div style="border:1px solid #555;">  
  <table border="0" cellpadding="0" cellspacing="1" width="100%" id="ansplace">  
  <tbody><tr><td colspan="3" class="td1">$QUESTION$</td></tr>  
  <tr id="ans"><td colspan="3">$ANSWERS$</td></tr>  
  </tbody></table>  
  <table border="0" cellpadding="0" cellspacing="1" width="100%">  
  <tbody><tr><td class="td6" colspan="2">Всего ответов: <b>$TOTAL_VOTES$</b></td></tr>  
  <tr>  
  <td class="td5"><a href="$RESULTS_LINK$"><div class="ansbut">Результаты</div></a></td>  
  <td class="td5"><a href="$ARCHIVE_LINK$"><div class="ansbut">Все опросы</div></a></td>  
  </tr>  
  </tbody></table>  
  <script>  
  var num=1;  
  if(!$("div input.pollBut").attr("value")){  
  $(".answer").each(function() {  
  var path=$(this).find("span").attr("title");  
  var answer=$(this).text().split(".")[1];  
  var votes=path.split(":")[1].split("(")[0];  
  var persent="("+path.split(":")[1].split("(")[1];  
  $("#ansplace").append('<tr>'  
  +'<td class="td2">'+num+'</td>'  
  +'<td class="td3">'+answer+'</td>'  
  +'<td class="td4" title="'+persent+'" style="cursor:help;">'+votes+'</td>'  
  +'</tr><tr><td colspan="3" style="border-top:1px solid #555;"></td></tr>');num++;});}  
  else {  
  $(".answer").each(function() {  
  $("input[name='answer']").css("margin","0px");  
  $("#ansplace").append('<tr>'  
  +'<td class="td2">'+num+'</td>'  
  +'<td class="td3">'+$(this).find("label").html()+'</td>'  
  +'<td class="td4">'+$(this).html().split(">")[0]+'</td>'  
  +'</tr><tr><td colspan="3" style="border-top:1px solid #555;"></td></tr>');num++;});  
  $("#ansplace").append('<tr><td class="td1" colspan="3" style="padding:0px;">'+$("div.pollButton").html()+'</td></tr>');  
  $("input.pollBut").css({cursor:'pointer',width:'100%',fontWeight:'bold',padding:'3px 0px'});}  
  $("#ans").hide();  
  </script>

2. ПУ » Управление дизайном » Общие шаблоны » Таблица стилей (CSS):
В самый низ добавляем:
Код
/* PollDesign v1.0 By Creat1ve */  
  .td1 {cursor:help;padding:3px 0px;border:1px solid #444;background:#333;text-align:center;color:#FFCA3C;}  
  .td1 input {background:#444;color:#FFCA3C;}  
  .td1 input:hover {background:#2D2D2D;color:#ccc;}  
  .td2 {cursor:default;background:#444;text-align:center;padding:2px 5px;margin:1px 2px 0px 0px;width:20px;height:14px;border:1px solid #555;border-bottom:0px;color:#FFCA3C;font-weight:bold;}  
  .td3 {cursor:default;background:#2D2D2D;border-top:1px solid #555;border-right:1px solid #555;width:100%;padding-left:5px;}  
  .td4 {background:#444;text-align:center;padding:2px 5px;margin:1px 2px 0px 0px;height:14px;width:25px !important;border:1px solid #555;border-bottom:0px;}  
  .ansbut {cursor:pointer;background:#444;border:1px solid #555;text-align:center;padding:2px 0px;}  
  .ansbut:hover {background:#2D2D2D;color:#FFCA3C;}  
  .td5 {width:50%;}  
  .td5 a {text-decoration:none;}  
  .td6 {cursor:default;padding:2px 0px;background:#2D2D2D;border:1px solid #444;text-align:center;}  
  /* --------------------------- */
Внимание! Материал «НОВЫЙ ДИЗАЙН ДЛЯ ОПРОСА ДЛЯ ТЕМНЫХ СТИЛЕЙ» из категории «Опросы» является уникальным, поэтому, при копировании просим указывать гиперссылку на источник.
Похожие материалы
Материал «НОВЫЙ ДИЗАЙН ДЛЯ ОПРОСА ДЛЯ ТЕМНЫХ СТИЛЕЙ» ещё никто не комментировал!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]