Перейти к содержанию

[ДОПОЛНЕНИЕ] Голосование с каптчей 1.0.2

   (0 отзывов)

3 изображения

Информация о файле

Список измененных файлов

  1. ajax.php
  2. themes/default/style.css  ( добавлен код для показа модального окна)
  3. themes/default/temp/serv/info.tpl  (изменена кнопка голосования)
  4. themes/default/php/footer.php  (Добавлен код модального окна)
  5. include/function/serv_show.php  (изменена кнопка голосования)
  6. include/votes.php
  7. include/js/cookies.js
  8. include/class/kcaptcha.php

 

Каптча для голосования только с цифрами, чтобы меньше трудностей было для пользователя

Все это дело выглядит вот так

2017-10-08_18-55-59.jpg

 

Модальной окно на чистом CSS

В списке изменений есть файл themes/default/style.css, конкретно в него был добавлен следующий CSS код

Спойлер

#modal_form {
   width: 350px;
   border-radius: 5px;
   border: 3px rgba(0,0,0,0.25) solid;
   background: #313131;
   position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
   top: 50%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
   left: 50%; /* пoлoвинa экрaнa слевa */
   margin-top: -150px;
   margin-left: -150px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
   display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
   opacity: 1; /* пoлнoстью прoзрaчнo для aнимирoвaния */
   z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
   padding: 20px 10px;
   display:none;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal_form #modal_close {
   width: 21px;
   height: 21px;
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
   display: block;
}
/* Пoдлoжкa */
#overlay {
   z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
   position:fixed; /* всегдa перекрывaет весь сaйт */
   background-color:#000; /* чернaя */
   opacity:0.8; /* нo немнoгo прoзрaчнa */
   -moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
   filter:alpha(opacity=80);
   width:100%;
   height:100%; /* рaзмерoм вo весь экрaн */
   top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
   left:0;
   cursor:pointer;
   display:none; /* в oбычнoм сoстoянии её нет) */
}
#content_modal{
   padding-top:20px;
}

#sussed_load{
   background: #CCFF99;
   width:100%;
   color:#003300;
   border-radius: 5px;
   padding: 10px 0px 10px 0px;
   text-align: center;
   float: right;
}
#error_load{
   background: #FF9999;
   width:100%;
   color:#990000;
   border-radius: 5px;
   padding: 10px 0px 10px 0px;
   text-align: center;
   float: right;
   margin-bottom: 14px;
}

#btn_vote{
   float: right;
   left: -5%;
}
   

 

В файле themes/default/temp/serv/info.tpl

была изменена только эти пару строчек

Спойлер

{?*RATING=0*}
Рейтинг сервера  

<span class='vote_buttons' id='vote_buttons{*SERVER_ID*}'>
   <span class='votes_count' id='votes_count{*SERVER_ID*}' >{*VOTES*}
   <a href='javascript:;' onclick='voteCaptcha({*SERVER_ID*})'  class='vote' id='{*SERVER_ID*}'></a>
   </span>
</span>
{*RATING=0*?}


<a href="steam://connect/{*SERVER_IP*}:{*SERVER_PORT*}" class="button_theme  simple"><span class="next">Подключиться</span></a> 

 

 

в файле include/function/serv_show.php

было изменено это 

Спойлер

echo "<span class='votes_count' id='votes_count" . $r['server_id'] . "' >" . $r['votes'];
echo "<a href='javascript:;' onclick='voteCaptcha(" . $r['server_id'] . ")'  class='vote' id='" . $r['server_id'] . "'></a>";
echo "</span>";

 

в файл themes/default/php/footer.php был просто добавлен HTML код модального окна, он грузится на всех страницах мониторинга, делал на скорую руку, это не так критично для мониторинга

 

Остальные файлы из списка просто под замену старым, они были переписаны с 0

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




Обратная связь

Вы сможете написать отзыв только после скачивания файла.

Отзывов нет

×
↑ Наверх ↑