Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 1
  • 1
PollDesign v1.0 By Creat1ve
#1
Воскресенье, 29.01.2012, 01:24
Creat1ve
Проверенный
Сообщения: 376
Репутация: 422
[spoiler="Пример"][/spoiler]Данный скрипт предназначен для изменения стандартного вида опроса.
Совместимость:
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;}
/* --------------------------- */

Установка завершена!
Жду Ваших комментариев и замечаний! :)

Автор: Creat1ve
Источник: http://creat1ve.net
Пример: http://cs.creat1ve.net
Пост отредактировал Creat1ve - Воскресенье, 29.01.2012, 01:30
Реквизиты WebMoney:
WMU# U681971693182
WMR# R333872480771

www.uPro.su
Студия веб-дизайна и креатива!
#2
Воскресенье, 29.01.2012, 15:45
ILyeS
Проверенный
Сообщения: 631
Репутация: 303
Впервые вижу, что то уникальное, за это уважение.
Мои проекты:
http://www.nhlliga.at.ua/

Верстка от 200р:
http://megasoft.3dn.ru/forum/95-281253-1
#3
Воскресенье, 29.01.2012, 22:20
Оверко
Проверенный
Сообщения: 534
Репутация: 1580
Действительно красиво, спасибо!
#4
Понедельник, 30.01.2012, 02:37
Creat1ve
Проверенный
Сообщения: 376
Репутация: 422
рад что понравилось. Скоро будет v2.0 с исправлением недостатков совместимости (Select, Select (multiple) ,Links будут поддерживаться) и исправление кроссбраузерности скрипта (адаптация под все браузеры)
Ждите :)
Реквизиты WebMoney:
WMU# U681971693182
WMR# R333872480771

www.uPro.su
Студия веб-дизайна и креатива!
#5
Понедельник, 06.02.2012, 13:41
sd68
Проверенный
Сообщения: 288
Репутация: 94
очень понравилось, очень круто, молодец +++
вставил на свой сайт, но на нем потемнее смотрелось бы лучше))))
но все равно спасибо
+++
  • Страница 1 из 1
  • 1
Поиск:
Форум
Социальные сети
Хостинг от uCoz