Новый дизайн для опроса для темных стилей


Новый дизайн для опроса для темных стилей

1120
7 из 10
Проголосовало: 4






Данный скрипт предназначен для изменения стандартного вида опроса.

Совместимость:

Radio » Да
Checkbox » Да
Select » Нет
Select (multiple) » Нет
Links » Нет

Установка:

1. ПУ » Управление дизайном » Опросы » Вид формы опросов:
Заменяем весь стандартный код на этот:

Code
<div style="border:1px solid #555;">  
  <table border="0" cellpadding="0" cellspacing="1" width="100%" id="ansplace">  
  <tr><td colspan="3" class="td1">$QUESTION$</td></tr>  
  <tr id="ans"><td colspan="3">$ANSWERS$</td></tr>  
  </table>  
  <table border="0" cellpadding="0" cellspacing="1" width="100%">  
  <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>  
  </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>  
  </div>


2. ПУ » Управление дизайном » Общие шаблоны » Таблица стилей (CSS):
В самый низ добавляем:

Code
/* 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;}  
  /* --------------------------- */


Установка завершена!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://creat1ve.ucoz.ua/
  • Всего комментариев: 1

Jet_Shark
0
Jet_Shark написал: Написано 05 Апреля 2013 в 08:54
Комментарий №1
Понравился, лучше пока не нашёл. Спасибо!

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 2
    Пользователей: 2
    Топ пользователей: