Reputação estilo IPB!

Página 2 de 3 •   1, 2, 3  

Daemon  • Sex 3 maio 2013 - 17:11

Reputação estilo IPB! Sex 3 maio 2013 - 17:11

Reputação da mensagem: 100% (20 votos)

Relembrando a primeira mensagem :

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

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.

Última edição por Daemon em Qui 28 Jan 2016 - 9:46, editado 19 vez(es)

Reputação da mensagem: 100% (20 votos)

lasperpen  • Sex 2 Ago 2013 - 2:42

Daemon  • Dom 13 Out 2013 - 15:44

Convidado  • Seg 11 Nov 2013 - 6:24

vacobs10  • Sáb 16 Nov 2013 - 17:40

Herobrinedobem  • Qui 21 Nov 2013 - 12:34

Daemon  • Qui 21 Nov 2013 - 12:50

Re: Reputação estilo IPB! Qui 21 Nov 2013 - 12:50

Crie um tópico da próxima vez... Isso porque provavelmente você foi no painel em perfis reputação e colocou uma cor no texto reputação.
Até mais!

iNerDz  • Qui 21 Nov 2013 - 15:43

ScreeNT  • Seg 25 Nov 2013 - 16:14

Snow  • Qui 5 Dez 2013 - 10:40

~Rafra  • Qui 2 Jan 2014 - 14:18

Re: Reputação estilo IPB! Qui 2 Jan 2014 - 14:18

No Meu ele so mostra para mim

Não Mostra para outras pessoas


// Criando Topico //

Daemon  • Seg 6 Jan 2014 - 22:51

ModToolsBS  • Ter 7 Jan 2014 - 10:26

~Rafra  • Ter 7 Jan 2014 - 12:54

WestNoiX  • Dom 26 Jan 2014 - 17:34

Latysh  • Seg 27 Jan 2014 - 11:56

gatinoh  • Dom 2 Fev 2014 - 11:17

DocBill  • Sáb 8 Fev 2014 - 19:48

AlfaSeduction  • Ter 10 Jun 2014 - 8:52

Daemon  • Dom 6 Jul 2014 - 21:49

Lucas_Simoes  • Sáb 26 Jul 2014 - 8:58

EpochZ124  • Qua 29 Abr 2015 - 19:40

Re: Reputação estilo IPB! Qua 29 Abr 2015 - 19:40

Funcional Perfeitamente  
Fiz umas modificaçoes.

Mr_Kaizin  • Sáb 27 Jun 2015 - 18:25

Mr_Kaizin  • Dom 28 Jun 2015 - 20:38

Luque_Taylor  • Sáb 28 Nov 2015 - 2:55

arber  • Qui 11 Fev 2016 - 6:09

Conteúdo patrocinado  • 

Página 2 de 3 •   1, 2, 3