Mundo dos Foruns
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

SUGESTÃO ~ Reputação estilo IPB

2 participantes

Ir para baixo

E aí?

SUGESTÃO ~ Reputação estilo IPB Vote_lcap100%SUGESTÃO ~ Reputação estilo IPB Vote_rcap 100% 
[ 2 ]
SUGESTÃO ~ Reputação estilo IPB Vote_lcap0%SUGESTÃO ~ Reputação estilo IPB Vote_rcap 0% 
[ 0 ]
 
Total de votos : 2
 
 
Votação encerrada

SUGESTÃO ~ Reputação estilo IPB Empty SUGESTÃO ~ Reputação estilo IPB

Mensagem por Latysh Seg Abr 14, 2014 1:37 am

Olá, Convidado
A Reputação do fórum está muito neutra, poderíamos inovar mais. O que acham de uma Reputação IPB? Aí o código:
Crie um novo JS com investimento nos tópicos com o código:
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, adicione isso ao 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);
}

Localize esta parte:
Código:

else if(rep >= 1 && rep < 5) {
        $(this).find('.title').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.

Que tal?
Latysh
Latysh
sou nivel 7

Mensagens : 88
Reputação : 10

https://mundodosforuns.forumeiro.com/

Ir para o topo Ir para baixo

SUGESTÃO ~ Reputação estilo IPB Empty Re: SUGESTÃO ~ Reputação estilo IPB

Mensagem por JQuery Seg Abr 14, 2014 9:45 am

Olá,
Gostei. Vamos aguardar pelos votos.

Até Mais...
JQuery
JQuery
Administrador

Mensagens : 382
Localização : Portugal
Reputação : 109

https://mundodosforuns.forumeiro.com

Ir para o topo Ir para baixo

SUGESTÃO ~ Reputação estilo IPB Empty Re: SUGESTÃO ~ Reputação estilo IPB

Mensagem por Latysh Seg Abr 14, 2014 1:30 pm

MODERAÇÃO - MDF

Este tópico foi @Fechado e @Movido.
Debatemos entre a equipe e foi ACEITA.



© Mundo dos Fóruns - Latysh
Latysh
Latysh
sou nivel 7

Mensagens : 88
Reputação : 10

https://mundodosforuns.forumeiro.com/

Ir para o topo Ir para baixo

SUGESTÃO ~ Reputação estilo IPB Empty Re: SUGESTÃO ~ Reputação estilo IPB

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


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