+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 • Sex 3 maio 2013 - 17:11
Reputação da mensagem: 100% (20 votos)
Relembrando a primeira mensagem : 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)
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Reputação da mensagem: 100% (20 votos)
lasperpen • Sex 2 Ago 2013 - 2:42
lasperpen
Novo Membro
Membro desde : 21/04/2013
Mensagens : 17
Reputação : 0
Daemon • Dom 13 Out 2013 - 15:44
[sucesso=Código atualizado]função de título de reputação do membro adicionada.[/sucesso]
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Convidado • Seg 11 Nov 2013 - 6:24
Olá, o meu se resultou em: http://prntscr.com/23dvp8 Poderia me ajudar?
vacobs10 • Sáb 16 Nov 2013 - 17:40
vacobs10
Novo Membro
Membro desde : 31/05/2013
Mensagens : 14
Reputação : 1
Herobrinedobem • Qui 21 Nov 2013 - 12:34
O meu fica escrito assim: Reputação: 5 Novato Mas o reputação ta de cor diferente, ta meio prateado, não ta branco igual o "5" e o "Novato" Como arrumar isso?
Herobrinedobem
Membro
Membro desde : 21/11/2013
Mensagens : 46
Reputação : 0
Daemon • 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!
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
iNerDz • Qui 21 Nov 2013 - 15:43
Reputação da mensagem: 100% (1 votos)
iNerDz
Membro
Membro desde : 12/09/2013
Mensagens : 46
Reputação : 4
Reputação da mensagem: 100% (1 votos)
ScreeNT • Seg 25 Nov 2013 - 16:14
Muito bom, estou utilizando! Mas teria como deixar algum ícone ao lado do efeito?
ScreeNT
Novo Membro
Membro desde : 24/11/2013
Mensagens : 8
Reputação : 1
Snow • Qui 5 Dez 2013 - 10:40
Tava uns negocio bugado , mais já resolvi ! até + !
Snow
Membro
Membro desde : 02/11/2013
Mensagens : 65
Reputação : 24
~Rafra • Qui 2 Jan 2014 - 14:18
No Meu ele so mostra para mim
Não Mostra para outras pessoas
// Criando Topico //
~Rafra
Membro Experiente
Membro desde : 04/12/2013
Mensagens : 368
Reputação : 63
Daemon • Seg 6 Jan 2014 - 22:51
[sucesso=Código atualizado]Quem utiliza este código, peço que verifique novamente o tutorial e troque o código. Até mais![/sucesso]
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
ModToolsBS • Ter 7 Jan 2014 - 10:26
Deu uma Arrumadiha +1Rep Até Mais
ModToolsBS
Membro
Membro desde : 05/11/2013
Mensagens : 93
Reputação : 14
~Rafra • Ter 7 Jan 2014 - 12:54
Legal , Gostei Bastante :S
~Rafra
Membro Experiente
Membro desde : 04/12/2013
Mensagens : 368
Reputação : 63
WestNoiX • Dom 26 Jan 2014 - 17:34
Por algum motivo, aqui ficou tudo Verde! Estranho. Poderiam me ajudar?!
WestNoiX
Novo Membro
Membro desde : 18/01/2014
Mensagens : 6
Reputação : 0
Latysh • Seg 27 Jan 2014 - 11:56
Reputação da mensagem: 100% (1 votos)
Aqui bugou, irei criar tópico ;s
Latysh
Membro Experiente
Membro desde : 09/06/2013
Mensagens : 514
Reputação : 48
500 mensagens
Por ter publicado 500 mensagens no best Skins!
Reputação da mensagem: 100% (1 votos)
gatinoh • Dom 2 Fev 2014 - 11:17
gatinoh
Membro
Membro desde : 04/10/2013
Mensagens : 174
Reputação : 7
DocBill • Sáb 8 Fev 2014 - 19:48
O meu funcionou, mas só o texto. O "quadrado" verde e o estilo da letra não foram alterados.
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
DocBill
Membro
Membro desde : 07/02/2014
Mensagens : 109
Reputação : 16
AlfaSeduction • Ter 10 Jun 2014 - 8:52
AlfaSeduction
Membro
Membro desde : 25/05/2014
Mensagens : 245
Reputação : 24
Daemon • Dom 6 Jul 2014 - 21:49
[infos=Código atualizado]O código teve uma pequena alteraçãozinha, se você já possui o código anterior, troque-o.[/infos]
Daemon
Membro desde : 21/01/2013
Mensagens : 3341
Reputação : 2583
1000 mensagens
Por ter publicado 1000 mensagens no best Skins!
Lucas_Simoes • Sáb 26 Jul 2014 - 8:58
como que upa essa reputação?
Lucas_Simoes
Membro
Membro desde : 24/05/2014
Mensagens : 123
Reputação : 6
EpochZ124 • Qua 29 Abr 2015 - 19:40
Funcional Perfeitamente
Fiz umas modificaçoes.
EpochZ124
Membro
Membro desde : 19/12/2014
Mensagens : 56
Reputação : 0
Mr_Kaizin • Sáb 27 Jun 2015 - 18:25
aii eu faço tudo sertinho aki boto la no css e no JavaScript mais n da fica desse jeito ainda!! Me ajuden
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Mr_Kaizin
Membro
Membro desde : 08/03/2015
Mensagens : 78
Reputação : 6
Mr_Kaizin • Dom 28 Jun 2015 - 20:38
Já tentei de tudo quanto é jeito mais não da !!
Mr_Kaizin
Membro
Membro desde : 08/03/2015
Mensagens : 78
Reputação : 6
Luque_Taylor • Sáb 28 Nov 2015 - 2:55
isso funciona ou nao? explica ai como posta uma coisa que nao funfa
Luque_Taylor
Novo Membro
Membro desde : 28/11/2015
Mensagens : 12
Reputação : 0
arber • Qui 11 Fev 2016 - 6:09
Bão condigo estarei testando!
arber
Membro
Membro desde : 30/11/2013
Mensagens : 50
Reputação : 1
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos