Reputação com estilo Rank

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso :  
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://stonecraft.forumeiros.eu/

Descrição do problema

Como posso colocar esse sistema de reputação:
https://i.imgur.com/B0FIqPz.png

Leia : https://ajuda.forumeiros.com/t93881-tutorial-reputacao-com-estilo-de-rank

Eu segui tudo oque mandou, mas não resultou.

Primeiro, crie um novo JavaScript com investimento nos tópicos:

Código:

$(document).ready(function() {
$(".pun .post .user").each(function(){
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.user-info .post_field:contains("Reputação")').each(function() {
var rep = $(this).text().match(/\d+/g);
$(this).addClass('reputation');
$(this).append('<span class="title" style="font-weight:normal"></span>');
if(rep == 0) {
        $(this).find('.title').text('Neutro');
        $(this).addClass('zero');
}
else if(rep >= 1 && rep < 5) {
        $(this).find('.title').text('Iniciante');
}
else if(rep >= 5 && rep < 10) {
        $(this).find('.title').text('Membro ativo');
}
else if(rep >= 10) {
        $(this).find('.title').text('Excelente');
}
});
});

Depois no final de seu CSS adicione

Código:


/*********RANK REPUTAÇÃO***********/
.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}

Valide e visualize.

Gelerbt escreveu:Eu segui tudo oque mandou, mas não resultou.

Saudações querido!

É necessário ter a reputação ativada no CPainel! Queira checar por gentileza: [FAQ] Gestão do sistema de reputação / botão obrigado

Até!