Personalizar campo de reputação

Olá.
Desculpe pelo número de pedidos, a penúltima coisa que necessito é isso, rs.
Bom, queria esse css / js de reputação,  grato.
Veja a imagem clicando aqui.

Código:


.reputation {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #6f8f52;
  border-radius: 3px;
  border-top: 1px solid rgba(0,0,0,.20);
  bottom: -7px;
  color: #fff;
  display: inline-block;
  font-family: Ubuntu;
  font-size: 12px;
  font-weight: 700;
  margin: 5px;
  padding: 5px 10px;
  text-align: center;
  text-shadow: 0 2px 0 rgba(0,0,0,0.14);
  text-transform: uppercase;
}
[size=12]

[size=12]
[size=12]







E o JS:

Código:


/*
* Código: IPB Like System.
* Data de criação: 18/07/2014.
* Atualização: 18/11/2014.
* Autor: Daemon.
* Versão: 1.1.
* Inspirado: IPB.
* Acesse: http://bestskins.net.
* Não distribuir, ou remover os créditos do autor.
*/
function bestskins_ls() {
   for(var x = $('.vote'), i = 0, vote; (vote = x[i++]); ) {
                var count = 0,
                      qtd = 0,
                      barra = $('.vote-bar', vote)[0],
                      botao = $('.vote-button', vote)[0];                      
                if (barra) {
                        var numbarra = barra.title.match(/\d+/g);
                        qtd = Math.round(parseInt( numbarra[1] ) * parseInt( numbarra[0] )) / 100;
                }
              
                //Imagem de reputação
                var reputation_UP = 'http://www.agrotube.com.br/images/seta_baixo.png';
 
                botao = botao ? '<li><span onclick="bestskinsVoto(\'' + botao.firstChild.href + '\',this);" class="BS_like"><img src="' + reputation_UP + '" alt="+" class="rep_up"></span></li>' : '<li style="display: none;"><img src="' + reputation_UP + '" alt="+" class="rep_up"></li>';
                var numrep = '<li>' + (qtd == 0 ? '<span class="reput_vote zero">' + qtd + '</span>' : '<span class="reput_vote positive">' + qtd + '</span>') + '</li>';
                var htmlFinal =
                '<div class="rep_bar clearfix" id="rep_post">' +
                '       <ul class="bs_inline">' + botao + numrep  + '</ul>' +
                '</div>';
     $('.postfoot', vote.parentNode.parentNode.parentNode.parentNode).before( htmlFinal );
   }
   x.remove();
};
function bestskinsVoto(b,a) {
  a.onclick = '#';
    $.get(b, function() {
     a.parentNode.style.display = 'none';
     var verify = a.parentNode.nextSibling.firstChild.innerHTML;
     if(verify == 0) {
     a.parentNode.nextSibling.firstChild.classList.remove('zero'),
     a.parentNode.nextSibling.firstChild.classList.add('positive');
     }
     var c = a.parentNode.nextSibling.firstChild, b = parseInt(/\d+/.exec(c.innerHTML)[0])+1;
     c.innerHTML = c.innerHTML.replace(/\d+/,b);
    });
};
if (document.readyState ===  'complete') {
         bestskins_ls();
} else {
       document.addEventListener('DOMContentLoaded', function() {
         bestskins_ls();
       });
}

Até, tchau

Não resultou.

Olá casie, poderia me manda o link onde viu isto?

Olá @Casie,

Primeiramente, deverá ativar o sistema de reputação no seu fórum

Abraços.

Ah. Irei adicionar.

Olá, poderia nos informar sobre o progresso dessa questão? Se já foi resolvida ou precisa de mais alguma coisa...

Shaman

pode fechar.