Новая форма опроса для ucoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Суббота, 10.12.2016
Главная » 2012 » Ноябрь » 7 » Новая форма опроса для ucoz

ПрограммыДля юКоз
Веб-мастеруКниги онлайн
jQuery



Русские шрифты



01:54
Новая форма опроса для ucoz
Копируем и вставляем в CSS

Code
/* Start design by vsepodrad.ru */  
.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;}  
/* --------------------------- */


Вставляем в вид формы опроса

Code
<div style="border:1px solid #4f859e;">  
<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 #4f859e;"></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 #4f859e;"></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>


Адаптивный сайт - aTmpl





© Категория: Для юКоз | Просмотров: 383 | Добавил: startsmart| Рейтинг: 0.0/0

Всего комментариев: 4
0   Спам
2 LisovskayaEV   (06.03.2015 12:20)
Аватар LisovskayaEV Не получается.((( белый лист и написано результаты, всего ответов. и все ответы.а сайта моего нет просто и все. (((

0  
3 aTmpl   (07.03.2015 11:00)
Аватар aTmpl Этот сайт?
http://urengoy-skazka.ucoz.ru/

0   Спам
4 LisovskayaEV   (07.03.2015 11:05)
Аватар LisovskayaEV Да.я хочу изменить опросник на этот.

0   Спам
1 LisovskayaEV   (05.03.2015 21:41)
Аватар LisovskayaEV Доброго времени суток.Подскажите,я все вставляю так как написано,но он мне при сохранении пишет --В шаблоне не найден обязательный код $POWERED_BY$-- я ставлю этот код в самый низ и получается белый экран,банер и написано --опрос, результаты--- и еще что то.А мне сказали выставить на сайте на одной странице 13 штук таких опросов sad Помоги пожалуйста.Заранее спасибо.


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]