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

<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>