Como colocar sistema de reputação em IPB

Detalhes da questão

Endereço do fórum: http://www.malokeirosdoshacker.com/
Versão do fórum: Invision

Descrição

Ola recentemente eu mudei a versão do meu fórum e não estou conseguindo achar um tutorial ensinando a colocar sistema de reputação igual IPB

igual a isso que eu quero https://i.imgur.com/OnfaEOz.png

ja vi esse tópico: https://ajuda.forumeiros.com/t104544-reputacao-ipb

se puderem me ajudar

UP pfvr

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

eu queria da forma que ta na print se puder

Aplique o código e talvez alteramos o CSS para ficar igual a captura de tela.

ja apliquei porém o perfil fica bugado

Eu não vejo o código acima no fórum cuja URL foi colocada na primeira mensagem.
Poderia nos passar o endereço do fórum que está aplicando o efeito? o/

ai esta, nesse fórum teste eu cheguei a por mas fico sem cor, ja no meu fórum original eu coloquei só que os quadrados que enfeita ai fica tudo bugado http://testeforuns.forumeiros.com/t1-seu-primeiro-topico

Crie um novo JavaScript investido nos tópicos com o código:

Código:

(function ($, css) {
  'use strict';

  $(function () {
    $('.postprofile dl > dd')
      .each(function () {
        var $this = $(this);
       
        if (!/Reputação/gi.test($this.text())) {
          return;
        }

        $this
          .children('div')
            .removeAttr('style')
          .end()
            .find('.label > span')
              .removeAttr('style')
          .end()
            .addClass('reputation-field')
        ;
      })
    ;

    $('<style>', { text: css }).appendTo('head');
  });
}(jQuery, [
  '.reputation-field > div {',
  '  text-align: center;',
  '  font-weight: bold;',
  '  background-color: #c3ed99;',
  '  border: solid 1px #98c070;',
  '  color: #4f801f;',
  '  margin: 4px 11px 4px 0;',
  '  padding: 5px;',
  '}',
  '',
  '.reputation-field > div > .label > span {',
  '  color: #4f801f !important;',
  '}'
].join('\n')));

O resultado esperado será esse:
-> http://prntscr.com/gkqwpt

o/

aaa obrigado pela ajuda estou muito grato vlw mesmo luiz

É complicado fazer o perfil igual, dado que a versão dos fóruns é diferente.

Luiz escreveu:É complicado fazer o perfil igual, dado que a versão dos fóruns é diferente.

luiz ficou linda porém era assim que eu queria https://imgur.com/rHfcjUz a print ta errada desculpa mesmo fui ver que tava errada agora