Красивый вид повышения\понижения репутации by webo4ka.ru

418
10 из 10
Проголосовало: 7






Этот вид повышения-понижения репутации кардинально отличается от стандартного вида изменения репутации. Теперь повышение репутации будет происходить гораздо быстрее и функциональнее. При нажатии на + (повысить репутацию), откроется зеленое модальное окошко с повышением репутации, а при нажатии на - (понизить репутацию), откроется красное модальное окошко с понижением репутации. В данных окнах так же присутствует капча для пользователей у которых данная капча предназначена... При повышении или понижении репутации идентификатор репутации будет изменяться автоматически...
Вообщем очень неплохой вид изменения репутации, подойдет для всех сайтов, особенно тем сайтам, которые хотят выделится среди других...

Установка:

Панель управления ---> Управление дизайном ---> Пользователи ---> Персональная страница пользователя и в нужное вам место вставляете:

Код

<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>  
  <td <?if($_PM_SEND_URL$)?>onclick="plusWebo4kaRu(); $('.ponizitReputachiuWebo4kaRu').show(); $('.povisitReputachiuWebo4kaRu').hide(); $('#secuImg').css({'border':'1px solid #bf5656'}); $('.vvodKapchiWebo4kaRu').css({'border':'1px solid #bf5656','border-right':'0px','color':'#bf5656'}); $('#codBezopactnostiWebo4kaRu').css({'background':'#f3dbdb url(\'http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png\')','border':'2px solid #bf5656','border-top':'0px'}); $('#plusPanelWebo4kaRu').css({'background':'#eabbbb','border':'8px solid #bf5656'}); $('#closePlusPanelWebo4kaRu').css({'background':'#eabbbb','border':'5px solid #bf5656'}); $('#textPlusWebo4kaRu').css({'border-bottom':'2px solid #bf5656','color':'#bf5656'});"<?endif?> class="minus1" id="<?if($_REP_DO_URL$)?>webo4ka_ru_profil_reput_minus<?else?>webo4ka_ru_profil_reput_minus_false<?endif?>" style="cursor: pointer"><center><a href="javascript://" style="color:red; outline: 0;"><b>-</b></a></center></td>  
  <td <?if($_PM_SEND_URL$)?>onclick="$('#plusPanelWebo4kaRu').fadeIn(); $('.ponizitReputachiuWebo4kaRu').show(); $('.povisitReputachiuWebo4kaRu').hide(); $('#secuImg').css({'border':'1px solid #bf5656'}); $('.vvodKapchiWebo4kaRu').css({'border':'1px solid #bf5656','border-right':'0px','color':'#bf5656'}); $('#codBezopactnostiWebo4kaRu').css({'background':'#f3dbdb url(\'http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png\')','border':'2px solid #bf5656','border-top':'0px'}); $('#plusPanelWebo4kaRu').css({'background':'#eabbbb','border':'8px solid #bf5656'}); $('#closePlusPanelWebo4kaRu').css({'background':'#eabbbb','border':'5px solid #bf5656'}); $('#textPlusWebo4kaRu').css({'border-bottom':'2px solid #bf5656','color':'#bf5656'});" $('.vvodKapchiWebo4kaRu').val(''); $('#textPlusWebo4kaRu').val('');"<?endif?> class="minus2" id="<?if($_REP_DO_URL$)?>webo4ka_ru_profil_reput_minus<?else?>webo4ka_ru_profil_reput_minus_false<?endif?>" style="cursor: pointer; display:none;"><center><a href="javascript://" style="color:red; outline: 0;"><b>-</b></a></center></td>  

  <td id="<?if($_REPUTATION$<0)?>webo4ka_profil_minus<?else?><?if($_REPUTATION$>0)?>webo4ka_profil_plus<?else?>webo4ka_profil_nul<?endif?><?endif?>"><center><a href="javascript://" rel="nofollow" onclick="reputachiaWebo4kaRu()" style="color:#6e5036; outline: 0;" class="reputachiiObnovitWebo4kaRu"><b>$_REPUTATION$</b></a><center></td>  

  <td <?if($_PM_SEND_URL$)?>onclick="plusWebo4kaRu(); $('.povisitReputachiuWebo4kaRu').show(); $('.ponizitReputachiuWebo4kaRu').hide(); $('#secuImg').css({'border':'1px solid #8dbf56'}); $('.vvodKapchiWebo4kaRu').css({'border':'1px solid #8dbf56','border-right':'0px','color':'#8dbf56'}); $('#codBezopactnostiWebo4kaRu').css({'background':'#e8f3db url(\'http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png\')','border':'2px solid #8dbf56','border-top':'0px'}); $('#plusPanelWebo4kaRu').css({'background':'#d4eabb','border':'8px solid #8dbf56'}); $('#closePlusPanelWebo4kaRu').css({'background':'#d4eabb','border':'5px solid #8dbf56'}); $('#textPlusWebo4kaRu').css({'border-bottom':'2px solid #8dbf56','color':'#8dbf56'});"<?endif?> class="plus1" id="<?if($_REP_DO_URL$)?>webo4ka_ru_profil_reput_plus<?else?>webo4ka_ru_profil_reput_plus_false<?endif?>" style="cursor: pointer"><center><a href="javascript://" style="color:green; outline: 0;"><b>+</b></a></center></td>  
  <td <?if($_PM_SEND_URL$)?>onclick="$('#plusPanelWebo4kaRu').fadeIn(); $('.povisitReputachiuWebo4kaRu').show(); $('.ponizitReputachiuWebo4kaRu').hide(); $('#secuImg').css({'border':'1px solid #8dbf56'}); $('.vvodKapchiWebo4kaRu').css({'border':'1px solid #8dbf56','border-right':'0px','color':'#8dbf56'}); $('#codBezopactnostiWebo4kaRu').css({'background':'#e8f3db url(\'http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png\')','border':'2px solid #8dbf56','border-top':'0px'}); $('#plusPanelWebo4kaRu').css({'background':'#d4eabb','border':'8px solid #8dbf56'}); $('#closePlusPanelWebo4kaRu').css({'background':'#d4eabb','border':'5px solid #8dbf56'}); $('#textPlusWebo4kaRu').css({'border-bottom':'2px solid #8dbf56','color':'#8dbf56'}); $('.vvodKapchiWebo4kaRu').val(''); $('#textPlusWebo4kaRu').val('');"<?endif?> class="plus2" id="<?if($_REP_DO_URL$)?>webo4ka_ru_profil_reput_plus<?else?>webo4ka_ru_profil_reput_plus_false<?endif?>" style="cursor: pointer; display:none;"><center><a href="javascript://" style="color:green; outline: 0;"><b>+</b></a></center></td>  
  </tr></table>  

  <!--Плюс\Минус-->  
  <div id="plusPanelWebo4kaRu" style="display:none; background: #d4eabb; border:8px solid #8dbf56; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 300px; height:auto; z-index: 991; padding:0px; position: absolute; top:31%; left: 41%; text-align: center;"><font style="color: #bf5656; font-weight: bold; font-size: 15px;">  

  <div style="position:relative; cursor: pointer" onclick="$('#plusPanelWebo4kaRu').fadeOut();">  
  <div id="closePlusPanelWebo4kaRu" style="position: absolute; top:10px; right: -43px; background: #d4eabb; border:5px solid #8dbf56; border-left:0px; width: 30px; height: auto; z-index: 991; padding:0px; text-align: center; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;"><font style="color: #bf5656; font-weight: bold; font-size: 22px;">X</font>  
  </div>  
  </div>  

  <textarea style="width:100%; height:50px; border:0px; border-bottom:2px solid #8dbf56; padding:4px; color:#8dbf56;" id="textPlusWebo4kaRu"/></textarea>  

  <table border="0" cellspacing="0" cellpadding="0"><tr>  
  <td>  
  <table border="0" cellspacing="0" cellpadding="0" id="codBezopactnostiWebo4kaRu" style="margin:0px 0px 5px 5px; background: #e8f3db url('http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png'); border: 2px solid #8dbf56; border-top: 0px; padding:2px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;"><tr>  
  <td><input class="vvodKapchiWebo4kaRu" maxlength="5" style="width:70px; height:35px; border:1px solid #8dbf56; border-right:0px; padding:2px; text-align:left; font-weight:bold; color:#8dbf56; font-size:22px;" type="text"/></td>  
  <td><img style="width:110px; height:35px; border:1px solid #8dbf56; border-left:0px; cursor:pointer;" id="secuImg" src="" title="Обновить код безопасности" style="cursor:pointer"/></td>  
  </tr></table>  
  </td>  
  <td valign="top" style="padding:0px 0px 5px 5px !important;">  
  <div class="povisitReputachiuWebo4kaRu" style="display:none;"><a href="javascript://" style="outline: 0;">Повысить</a></div>  
  <div class="ponizitReputachiuWebo4kaRu" style="display:none;"><a href="javascript://" style="outline: 0;">Понизить</a></div>  
  </td>  
  </tr></table>  

  </div>  
  <!--END Плюс\Минус-->  

  <script type="text/javascript">  

  setInterval(reputachiiWebo4kaRu, 1000)  

  function plusWebo4kaRu(){  
  $('.plus1').hide();  
  $('.plus2').show();  
  $('.minus1').hide();  
  $('.minus2').show();  

  $.get('/index/23-$_USER_ID$/', function (webo4kaRu) {  
  var ssidWebo4kaRu = $('input[name="ssid"]', $('cmd[p="content"]', webo4kaRu).text()).val();  
  var seckeyWebo4kaRu = $('input[name="seckey"]', $('cmd[p="content"]', webo4kaRu).text()).val();  
  var kapchaWebo4kaRu = $('#secuImg', $('cmd[p="content"]', webo4kaRu).text()).attr('src');  
  var obnovitKapchaWebo4kaRu = $('#secuImg', $('cmd[p="content"]', webo4kaRu).text()).attr('onclick');  
   
  $('#plusPanelWebo4kaRu').fadeIn();  

  if (!kapchaWebo4kaRu) {$('#codBezopactnostiWebo4kaRu').remove()} else {}  
  $('#secuImg').attr('src', kapchaWebo4kaRu);  
  $('#secuImg').click(obnovitKapchaWebo4kaRu);  

  $('.povisitReputachiuWebo4kaRu').click(function () {  

  if ($('#textPlusWebo4kaRu').val() == '')  
  {  
  $('#textPlusWebo4kaRu').animate({backgroundColor:'#ffcccc'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textPlusWebo4kaRu').animate({backgroundColor:'#ffcccc'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textPolePustoWebo4kaRu').fadeIn();  
  setTimeout(function () {$('#textPolePustoWebo4kaRu').fadeOut(5000)} );  

  }  

  else {  

  $.post('/index/', {  
  a: 23,  
  t: 1,  
  s: $_USER_ID$,  
  act: 2,  
  reason: $('#textPlusWebo4kaRu').val(),  
  ssid: ssidWebo4kaRu,  
  seckey: seckeyWebo4kaRu,  
  ref: document.location.href,  
  code: $('.vvodKapchiWebo4kaRu').val()  
  },  

  function (data) {var cmdWebo4kaRu = $('cmd', data).text();  
  if (cmdWebo4kaRu.indexOf('Неправильный код безопасности') != -1) {  
  $('#secuImg').click();  
  $('.vvodKapchiWebo4kaRu').val('');  
  $('.vvodKapchiWebo4kaRu').focus();  

  $('#textPlusWebo4kaRu').animate({backgroundColor:'#fdebae'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textPlusWebo4kaRu').animate({backgroundColor:'#fdebae'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textNeverniiKodWebo4kaRu').fadeIn();  
  setTimeout(function () {$('#textNeverniiKodWebo4kaRu').fadeOut(5000)} );  
  }  
  else  
  {  
  href = location.href; $('.reputachiiObnovitWebo4kaRu').load(href+' .reputachiiObnovitWebo4kaRu');  
  $('#secuImg').click();  
  $('.vvodKapchiWebo4kaRu').val('');  
  $('.vvodKapchiWebo4kaRu').focus();  
  $('#textPlusWebo4kaRu').val('');  
  $('#textPlusWebo4kaRu').focus();  

  $('#textPlusWebo4kaRu').animate({backgroundColor:'#d1f7b6'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textPlusWebo4kaRu').animate({backgroundColor:'#d1f7b6'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textOtpravlenoWebo4kaRu').fadeIn();  
  setTimeout(function () {$('#textOtpravlenoWebo4kaRu').fadeOut(5000)} );  
  }  
  });  

  }  

  });  

  $('.ponizitReputachiuWebo4kaRu').click(function () {  

  if ($('#textPlusWebo4kaRu').val() == '')  
  {  
  $('#textPlusWebo4kaRu').animate({backgroundColor:'#ffcccc'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textPlusWebo4kaRu').animate({backgroundColor:'#ffcccc'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textPolePustoWebo4kaRu').fadeIn();  
  setTimeout(function () {$('#textPolePustoWebo4kaRu').fadeOut(5000)} );  

  }  

  else {  

  $.post('/index/', {  
  a: 23,  
  t: 1,  
  s: $_USER_ID$,  
  act: 1,  
  reason: $('#textPlusWebo4kaRu').val(),  
  ssid: ssidWebo4kaRu,  
  seckey: seckeyWebo4kaRu,  
  code: $('.vvodKapchiWebo4kaRu').val()  
  },  

  function (data) {var cmdWebo4kaRu = $('cmd', data).text();  
  if (cmdWebo4kaRu.indexOf('Неправильный код безопасности') != -1) {  
  $('#secuImg').click();  
  $('.vvodKapchiWebo4kaRu').val('');  
  $('.vvodKapchiWebo4kaRu').focus();  

  $('#textPlusWebo4kaRu').animate({backgroundColor:'#fdebae'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textPlusWebo4kaRu').animate({backgroundColor:'#fdebae'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textNeverniiKodWebo4kaRu').fadeIn();  
  setTimeout(function () {$('#textNeverniiKodWebo4kaRu').fadeOut(5000)} );  
  }  
  else  
  {  
  href = location.href; $('.reputachiiObnovitWebo4kaRu').load(href+' .reputachiiObnovitWebo4kaRu');  
  $('#secuImg').click();  
  $('.vvodKapchiWebo4kaRu').val('');  
  $('.vvodKapchiWebo4kaRu').focus();  
  $('#textPlusWebo4kaRu').val('');  
  $('#textPlusWebo4kaRu').focus();  

  $('#textPlusWebo4kaRu').animate({backgroundColor:'#d1f7b6'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textPlusWebo4kaRu').animate({backgroundColor:'#d1f7b6'}, 500);  
  setTimeout(function () {$('#textPlusWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );  

  $('#textOtpravlenoWebo4kaRu').fadeIn();  
  setTimeout(function () {$('#textOtpravlenoWebo4kaRu').fadeOut(5000)} );  
  }  
  });  
  }  
  });  
  });};  
  </script>  

  <style>  
  #webo4ka_ru_profil_ccilki{background: #fff url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png"); border-bottom: 1px solid rgba(85, 61, 40, 0.600); padding: 5px; font: 11px "Verdana", "Arial", "Helvetica", sans-serif;}  
  #webo4ka_ru_profil_ccilki:hover{background: #fff7ef url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png"); text-shadow: 0.1em 0.1em 0.05em #fff; cursor: pointer;}  

  #webo4ka_ru_profil_reput_minus{background: #ffe5e5 url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png"); border: 1px solid rgba(85, 61, 40, 0.600); border-right:0px; border-left:0px; width:30%; padding:4px;}  
  #webo4ka_ru_profil_reput_minus:hover{background: #ffc5c5 url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png");}  

  #webo4ka_ru_profil_reput_minus_false {background:#fff url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png"); border:1px solid #ccc; border: 1px solid rgba(85, 61, 40, 0.600); border-right:0px; border-left:0px; width:30%; padding:4px;}  
  #webo4ka_ru_profil_reput_minus_false:hover {background:#fff7ef url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png");}  

  #webo4ka_ru_profil_reput_plus{background:#daffd9 url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png"); border:1px solid rgba(85, 61, 40, 0.600); border-right:0px; border-left:0px; width:30%; padding:4px;}  
  #webo4ka_ru_profil_reput_plus:hover{background:#adffab url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png");}  

  #webo4ka_ru_profil_reput_plus_false{background:#fff url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png"); border:1px solid rgba(85, 61, 40, 0.600); border-right:0px; border-left:0px; width:30%; padding:4px;}  
  #webo4ka_ru_profil_reput_plus_false:hover{background:#fff7ef url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png");}  

  #webo4ka_profil_nul{background: #fff url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png"); border:1px solid rgba(85, 61, 40, 0.600); width:30%; padding:4px;}  
  #webo4ka_profil_plus{background: #9ec448 url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png"); border:1px solid rgba(85, 61, 40, 0.600); width:30%; padding:4px;}  
  #webo4ka_profil_minus{background: #cf4735 url("http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png"); border:1px solid rgba(85, 61, 40, 0.600); width:30%; padding:4px;}  

  .editedBy {font-size:15px; color:#6e5036;}  

  .povisitReputachiuWebo4kaRu{background: #e8f3db url('http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png'); border: 2px solid #8dbf56; border-top: 0px; padding:2px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}  
  .povisitReputachiuWebo4kaRu:hover {background: #daebc6 url('http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png'); border: 2px solid #8dbf56; border-top: 0px; padding:2px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}  
  .povisitReputachiuWebo4kaRu a {color:#8dbf56; font-weight: bold;}  

  .ponizitReputachiuWebo4kaRu{background: #eabbbb url('http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png'); border: 2px solid #bf5656; border-top: 0px; padding:2px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}  
  .ponizitReputachiuWebo4kaRu:hover {background: #ebc6c6 url('http://webo4ka.ru/webo4kaRu/img/bodyWebo4kaRu.png'); border: 2px solid #bf5656; border-top: 0px; padding:2px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}  
  .ponizitReputachiuWebo4kaRu a {color:#bf5656; font-weight: bold;}  
  </style>



всё...
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2122
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • По просьбам поправили!.
    1. Делаем все как написано.
    2. Находим файл /Ucoz4/ctena_user2_wall_v2.js и меняем все в файле из нашего файла:
    Код
    http://mbs.usite.pro/ctena_user2_wall_v2.js
  • rayven написал:
  • в любом случае, всегда надо под свои нужды настраивать руками. А скрипт пригодиться, не тут, так там.
  • rayven написал:
  • даже Вовчик со мной согласен. tongue
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
    Последние темы
    Опрос
    276
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: