Reputação com estilo Rank Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Reputação com estilo Rank

4 participantes

Ir para baixo

Tópico resolvido Reputação com estilo Rank

Mensagem por Gelerbt 10.03.15 0:24

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:
https://i.imgur.com/B0FIqPz.png
Gelerbt
Gelerbt
Novo Membro

Membro desde : 08/03/2015
Mensagens : 11
Pontos : 23

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação com estilo Rank

Mensagem por Shaman 10.03.15 0:29

Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação com estilo Rank

Mensagem por Gelerbt 10.03.15 0:35

Eu segui tudo oque mandou, mas não resultou.
Gelerbt
Gelerbt
Novo Membro

Membro desde : 08/03/2015
Mensagens : 11
Pontos : 23

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação com estilo Rank

Mensagem por Shaman 10.03.15 1:42

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.
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação com estilo Rank

Mensagem por Konai 10.03.15 1:45

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
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação com estilo Rank

Mensagem por Sennior 15.03.15 6:36

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

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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