Reputação com estilo Rank

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

Resolvido Reputação com estilo Rank

Mensagem por Gelerbt em 09/03/15, 09:24 pm

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso :  
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://stonecraft.forumeiros.eu/

Descrição do problema

Como posso colocar esse sistema de reputação:
http://i.imgur.com/B0FIqPz.png
avatar

Gelerbt
Nível 2

Masculino
Inscrito dia : 08/03/2015
Mensagens : 11
Pontos Ativos : 23

Ver perfil do usuário

Resolvido Re: Reputação com estilo Rank

Mensagem por Shaman em 09/03/15, 09:29 pm

avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Reputação com estilo Rank

Mensagem por Gelerbt em 09/03/15, 09:35 pm

Eu segui tudo oque mandou, mas não resultou.
avatar

Gelerbt
Nível 2

Masculino
Inscrito dia : 08/03/2015
Mensagens : 11
Pontos Ativos : 23

Ver perfil do usuário

Resolvido Re: Reputação com estilo Rank

Mensagem por Shaman em 09/03/15, 10:42 pm

Primeiro, crie um novo JavaScript com investimento nos tópicos:
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) {
        $(this).find('.title').text('Neutro');
        $(this).addClass('zero');
}
else if(rep >= 1 && rep < 5) {
        $(this).find('.title').text('Iniciante');
}
else if(rep >= 5 && rep < 10) {
        $(this).find('.title').text('Membro ativo');
}
else if(rep >= 10) {
        $(this).find('.title').text('Excelente');
}
});
});

Depois no final de seu CSS adicione

Código:

/*********RANK REPUTAÇÃO***********/
.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);
}

Valide e visualize.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Reputação com estilo Rank

Mensagem por Gaaratsu em 09/03/15, 10:45 pm

@Gelerbt escreveu:Eu segui tudo oque mandou, mas não resultou.
Saudações querido!

É necessário ter a reputação ativada no CPainel! Queira checar por gentileza: :seta2: [FAQ] Gestão do sistema de reputação / botão obrigado

Até! Muito feliz


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Reputação com estilo Rank

Mensagem por Sennior em 15/03/15, 03:36 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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