Deixar o campo Reputação assim:

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Deixar o campo Reputação assim:

Mensagem por Gabriel Bertoloni em 11/07/14, 11:39 am

  • Descrição:
Bom, gostaria de deixar o campo de reputação assim: 



agradeço desde ja

  • Informações:
Fórum:www.conectcheats.com.brVersão:PHPBB2
Tipo:Erros diversosTags:Deixar,campo,Reputação,assim:



Última edição por Gabriel Bertoloni em 11/07/14, 02:04 pm, editado 1 vez(es)
avatar

Gabriel Bertoloni
Nível 9

Masculino
Inscrito dia : 18/05/2014
Mensagens : 176
Pontos Ativos : 310

Ver perfil do usuário http://www.conectcheats.com.br https://www.facebook.com/www.conectcheats.com.br https://twitter.com/www.conectcheats.com.br

Resolvido Re: Deixar o campo Reputação assim:

Mensagem por Cream em 11/07/14, 12:32 pm

Olá,

Você quer saber como colocar um "rank" para reputação? Se sim, leia:
Spoiler:

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: PunBB
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');
}
});
});
PhpBB3
Código:
$(document).ready(function() {
$(".postprofile dl").each(function(){
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.postprofile dl .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');
}
});
});
PhpBB2
Código:
$(document).ready(function() {
$(".post .row1 .postdetails").each(function(){
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.post .row1 .postdetails .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');
}
});
});
Invision
Código:
$(document).ready(function() {
$(".postprofile .postprofile-details.postdetails").each(function(){
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.postprofile .postprofile-details.postdetails .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');
}
});
});

Ainda no painel aceda Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos 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);
}
Vamos entender o código...
Localize esta parte do código:
Código:
else if(rep >= 1 && rep < 5) {
      $('.title', this).text('Iniciante');
}
Isso 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 :contains("Reputação") se aplicará o efeito. Se o seu campo de reputação estiver com outro nome, basta mudar no código nesta parte.

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum