Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Reputação estilo IPB!

+33
xbctkun
arber
Luque_Taylor
Mr_Kaizin
EpochZ124
Lucas_Simoes
AlfaSeduction
DocBill
gatinoh
Latysh
WestNoiX
ModToolsBS
~Rafra
Snow
ScreeNT
iNerDz
Herobrinedobem
vacobs10
lasperpen
Unkown
JhonatanQueiros
curruwilla
vitorsoaress
pedrocury
SCOFIELD25
Igor_Ruiz
ddr3
Ivanaruto
Stark'
[K]oke
habilidade
dmetalx
Daemon
37 participantes

Daemon Daemon  • Sex 3 maio 2013 - 17:11

Reputação estilo IPB! - Página 3 Empty 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.

- Adicionando o código
Vá até Painel de controle Seta Módulos Seta HTML & JAVASCRIPT Seta 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)

xbctkun xbctkun  • Qua 8 Jun 2016 - 14:51

Reputação estilo IPB! - Página 3 Empty Re: Reputação estilo IPB! Qua 8 Jun 2016 - 14:51

Reputação da mensagem: 100% (1 votos)
muito itneressante bom mkmmd asmds

pain.Castiel pain.Castiel  • Qui 1 Set 2016 - 23:22

Reputação estilo IPB! - Página 3 Empty Re: Reputação estilo IPB! Qui 1 Set 2016 - 23:22

Obrigado pelo compartilhamento.

Guilherme3f Guilherme3f  • Sáb 8 Out 2016 - 14:43

RonaldoWynnek RonaldoWynnek  • Qui 13 Out 2016 - 18:51

Reputação estilo IPB! - Página 3 Empty Re: Reputação estilo IPB! Qui 13 Out 2016 - 18:51

belo codigo irei usar

L.Coroa L.Coroa  • Qua 5 Abr 2017 - 3:27

Reputação estilo IPB! - Página 3 Empty Re: Reputação estilo IPB! Qua 5 Abr 2017 - 3:27

Mano pq so fica + - tem como colocar diferente nao tipo certa que nem de IPB

Conteúdo patrocinado  • 

Reputação estilo IPB! - Página 3 Empty Re: Reputação estilo IPB!

Permissões neste sub-fórum
Não podes responder a tópicos