Adicionar sistema de reputação

Olá caro amigos, não sei bem o nome mais axo que é campo de perfil então vamos lá ! então amigos.

Meu Problema: https://i.imgur.com/cIi2XR2.png

Queria saber como faço para deixar = esse !

como eu quero: https://i.imgur.com/OnfaEOz.png

Fórum onde Eu vi: www.Bestskins.net

Olá Zeek!

Explica melhor seu problema, apresente mais detalhe por favor.

Até mais..

Olá!

Refere-se ao campo de perfil "Tempo Online"? Caso sim, leia:
https://ajuda.forumeiros.com/t101111-

Caso seja a borda em volta do nome de usuário, adicione à sua folha de estilos:

Código:

.pun .user-ident .username {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 auto;
    position: relative;
}

E caso seja o sistema de reputação, queira ler:
https://ajuda.forumeiros.com/t93881-

Cumprimentos.
Fraise

Bom irei explicar melhor


Esse é meu problema: https://i.imgur.com/uQLuYDK.png

Então quero deixar mais estilo IPB

como eu quero: https://i.imgur.com/Qp5K0YF.jpg

Boa noite.

Adicione esse código JavaScript:

Titulo: De seu criterio.
Investimento: Nós 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) {        $('.title', this).text('Neutro');        $(this).addClass('zero');}else if(rep >= 1 && rep < 5) {        $('.title', this).text('Iniciante');}else if(rep >= 5 && rep < 10) {        $('.title', this).text('Membro ativo');}else if(rep >= 10) {        $('.title', this).text('Excelente');}});});




Logo que adicionar a javascript, adicione esse código CSS na sua folha de estilo CSS:

Código:

.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);}

Entendendo o código..

Código:

else if(rep >= 1 && rep < 5) {        $('.title', this).text('Iniciante');}

Membros com reputação igual ou maior que 1 e menor do que 5 terão o titulo de iniciante. Onde está escrito :contains("Reputação"), se aplicará o efeito. Se o seu campo de reputação estiver com outro nome, bsata mudar mesma parte do código.

Até mais.. 

muito obrigado pela ajuda amigo pode closar o topico !