Reputação estilo IPB!

Nome do Arquivo: Reputação estilo IPB
Autor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins

Neste tutorial iremos ensiná-los a personalizar o seu perfil de reputação como na plataforma IPB.

1º - Adicionando o código
Vá até Painel de controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
"Criar um novo javascript"
Título: Use um título que te mostre qual código se trata
Investimento: Nos tópicos
Código:

Código:

$(document).ready(function() {
$('head').append(
'<style type="text/css">' +
'.reputation_bs {' +
'  background: rgb(141, 177, 62) url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png) 0px 1px repeat no-repeat;' +
'  font-weight: bold;' +
'  padding: 3px 8px;' +
'  display: block !important;' +
'  -moz-border-radius: 3px;' +
'  -webkit-border-radius: 3px;' +
'  border-radius: 3px;' +
'  color: #fff;' +
'  margin: 0 auto;' +
'  margin-bottom: 5px;' +
'  max-width: 123px;' +
'  text-align: center;' +
'}' +
'.reputation_bs.zero {' +
'  background-color: rgb(16, 16, 16);' +
'  color: #fff;' +
'}' +
'</style>'
);

$('.post .user, .postprofile dl, .post td .postdetails').each(function() {
    $(this).html($(this).html().replace(/(<span\s+class="label">(?:<span\s+style="[^"]*">)?\bReputação(?:<\/span>)?:\s+<\/span>(\d+))/g ,'<div class="reputation_bs">$1<br><span class="title" style="font-weight:normal"></span></div>'));
});
       
$('.reputation_bs').each(function() {
      var rep = parseInt($(this).text().match(/\d+/g));
      var rank = '';
      if(rep == 0) {
        rank = 'Neutro';
        $(this).addClass('zero');
      }
      else if(rep >= 1 && rep < 5) {
        rank = 'Iniciante';
      }
      else if(rep >= 5 && rep < 10) {
        rank = 'Membro ativo';
      }
      else if(rep >= 10) {
        rank = 'Excelente';
      }
      $('.title', this).text(rank);
});
});

Vamos entender o código...
Localize a seguinte parte do código:

Código:

else if(rep >= 1 && rep < 5) {
        rank = 'Iniciante';
}

Isto significa que membros com reputação igual ou maior que 1, e menor do que 5, terão o título de iniciante. Onde está escrito "Reputação", no código, será aplicado o efeito. Se o seu campo de reputação estiver com outro nome, basta mudar nesta parte do código.


Se tiver alguma dúvida relacionada com este tutorial, crie um tópico de mesmo nome.

Aqui nao funcionou.

Bão condigo estarei testando!

Ótimo aqui funcionou
Perfeito
Obrigado

Moitho bonito

no funciona

Daemon, não esta funcionando !

O Código funciona perfeitamente, você deve alterar em "Reputação" no código para o nome do campo que quer o efeito...
Se tiver Agradecido troque pra Agradecido, se tiver reputação deixe reputação.
Até mais!

Eu deixei na mesma forma que ai esta, como Reputação e nada resultou !

bien que funciona. Gracias

[sucesso=Código atualizado.][/sucesso]

Daemon mesmo asim não pego aki manin :X

Lembre-se que só irá funcionar se você fizer a personalização do template.
Até mais!

olha Daemon meu forum ta tudo abilitado
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

meu template é ChitChat adaptado por Dark Doki

Seu perfil "Reputação" não está ativo. Você precisa ativá-lo pra que o efeito funcione amigo.
Até mais!

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

A minha deu certo, mais ficou assim, como muda o estilo da imagem?

Abraço

O meu não funcionou D:

vitorsoaress escreveu:O meu não funcionou D:

nem o meu

Não funcionou aqui

    O meu ficou como a imagem ali de cima, gostaria da imagem do botão do bestskin :/

Olá,

Muito interessante..Obrigado

até mais. rep+

Muito bom o tutorial

Aqui, o código não funciona! =(.

Muito intessante está função. Obrigado pelo compartilhamento.