SUGESTÃO ~ Novo botão de reputação

Olá, Convidado
Que tal inovarmos e colocarmos um botão de reputação diferente? É tipo isso --> http://prntscr.com/39sibm Só é um pouco editada.

Bom, vamos lá. Código:
Adicione um novo JS sem investimento:

Código:


function BSLIKE(b,a){
var d=a.innerHTML;
a.innerHTML="<img src='http://imgur.com/c5KaMh9' />";
a.onclick="#";
$.get(b,function(){
a.className+=" BS_done";
a.innerHTML=d;
var c=a.nextSibling,b=parseInt(/\d+/.exec(c.innerHTML)[0])+1;
c.innerHTML=c.innerHTML.replace(/\d+/,b);
}
)};

function init_bs_like_system() {
 for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
 var count = 0, plus = 0, barra = $('.vote-bar', vote)[0], button = $('.vote-button', vote)[0]; 
if (barra) {
 var info = barra.title.match(/\d+/g);
 plus = Math.round(parseInt( info[1] ) * parseInt( info[0] )) / 100;
 }
 
button = button ? '<span onclick="BSLIKE(\'' + button.firstChild.href + '\',this);" class="BS_like"></span>' : '<span class="BS_like BS_done"></span>';

 var votes_text = '<span class="BS_count">' + plus + ' ' + (plus == 1 ? bestskins_like.vote_singular : bestskins_like.vote_plural) + '</span>';

 var total_button = '<div class="BS_vote" style="margin:5px">' + button + votes_text + '</div>';
 
if(bestskins_like.callback) bestskins_like.callback(vote, total_button);
 }
 x.remove();
 
};

bestskins_like.dom_ready ? init_bs_like_system() : $(function () { init_bs_like_system() });


Agora, crie outro JS com investimento nos tópicos:

Código:


var bestskins_like = {
   dom_ready : false,
   vote_singular : 'achou isso útil',
   vote_plural : 'acharam isso útil',
   callback : function(vote, btn) {
      $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( btn );
   }
};
$(function() { 
bestskins_like.dom_ready = true; 
});
$.getScript('http://LINK-DO-CÓDIGO-JS-CRIADO-ANTERIORMENTE-AQUI');


Procure a linha LINK-DO-CÓDIGO-JS-CRIADO-ANTERIORMENTE-AQUI e troque pelo link do PRIMEIRO JS criado.

Agora, adicione no CSS:

Código:


/*Botão reputação*/
.BS_like {
border: 1px solid #D1D1D1;
border: 1px solid rgba(0, 0, 0, .17);
border-radius: 2px;
box-shadow: inset 0 -2px #F6F6F6;
box-shadow: inset 0 -2px rgba(0, 0, 0, .03);
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: normal;
height: 30px;
width: 20px;
padding: 0 10px;
position: relative;
vertical-align: middle;
white-space: nowrap;
line-height: 30px;
background: #fff url(https://cdn3.iconfinder.com/data/icons/faticons/32/like-01-16.png) no-repeat 50% 50%;
float: right;
}
.BS_like img {margin-top: 5px;}
.BS_count {
padding-right: 8px;
display: inline-block;
color: #8E8E8E;
font-size: 80%;
}
.BS_count:before {
content: 'Essa postagem foi útil?';
display: block;
font-size: 13px;
font-weight: normal;
color: #444;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
 .BS_vote { margin: 0 5px; float: right; }
 .BS_done {opacity: 0.5;cursor: default;}


Espero que gostem.

Olá,
Gostei da ideia.
Vamos ver se os membros gostam.

Até Mais...

Este tópico foi @Fechado e @Movido.
A sugestão já está em vigor. Sugestão ACEITA.

---