» »

Опрос для uCoz в темных тонах сайта


Опрос для uCoz в темных тонах сайта

Это скрипт для темного дизайна а точнее Опрос для uCoz который вы сами можете вывести по своему и сделать свои вопросы. Просто как все привыкли, можно только увидеть на светлом фоне а на темном, это очень редко, так вот сейчас вы вам предоставлен сама основа кода, где вы можете установить его. Предлагаю с данным материалом изменить у вас на сайте дизайн опроса на сайте. Данный вариант подойдёт отлично для тех сайтов у которых стоит тёмный дизайн сайта, в ином случае вам придётся немного изменить стили и только тогда можно будет применить и на другой более светлый дизайн сайта. Но в принципе я думаю что труда у вас не составит изменить а если что мы вам в этом поможем и вы сможете точно установить данный дизайн опроса на любой сайт с любым дизайном.

И так для установки нам нужно скопировать ниже приведённый код и вставить его в дизайн ОПРОС ----> Вид формы опросов

Код
<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>

Далее нам нужно только установить стили для данного скрипта и для этого пройдите в стили вашего сайта и в самый низ допишите вот эти стили.

Код
.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;}


Вот и всё установка на этом закончилась.
20.09.2015 Просмотров: 374 Комментарий: (7)

Поделиться в социальных сетях

Материал разместил

Комментарий: 7
Brung
Brung 20.09.2015 20:501
0
Даже и не заметил такую тенденцию, что на темном сайте не было опроса. Если нужно было, то светлый бы поставили и доработали. А так этот код смотрится отлично, желтый цвет всегда прилично на темном.
Kosten
Kosten 20.09.2015 20:532
0
Brung, видно хорошо, что отличается от стандартного, и на светлом не видел такой конфигураций.
Kosten
Kosten 20.09.2015 20:543
0
Всегда нравиться те коды которые идут без ссылок а со стилями.
FeStemBer
FeStemBer 20.09.2015 21:014
0
А что можно на кино сайте создать опрос, хотя там он редкость но бывает.
Kosten
Kosten 20.09.2015 21:035
0
На кино сайте можно задать. каком году самые лучшие фильмы вышли. Или самый лучший режиссер а также актер.
Canon
Canon 20.09.2015 23:316
0
Kosten, на каждую тему можно найти опрос, другое дело, нужен ли он и будут там в нем участвовать.
Kosten
Kosten 20.09.2015 23:437
0
Если пользователи участвуют в развитие сайта а точнее они общаются на форуме, то думаю и в голосование примут участие.
avatar