Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Reputação com estilo Rank
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Reputação com estilo Rank
Detalhes da dúvida
Versão do fórum : PunBBNí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- Novo Membro
- Membro desde : 08/03/2015
Mensagens : 11
Pontos : 23
Re: Reputação com estilo Rank
Eu segui tudo oque mandou, mas não resultou.
Gelerbt- Novo Membro
- Membro desde : 08/03/2015
Mensagens : 11
Pontos : 23
Re: Reputação com estilo Rank
Primeiro, crie um novo JavaScript com investimento nos tópicos:
Depois no final de seu CSS adicione
Valide e visualize.
- 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.
Re: Reputação com estilo Rank
Saudações querido!Gelerbt escreveu:Eu segui tudo oque mandou, mas não resultou.
É necessário ter a reputação ativada no CPainel! Queira checar por gentileza: [FAQ] Gestão do sistema de reputação / botão obrigado
Até!
Re: Reputação com estilo Rank
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Rank em Estilo CSS
» Estilo de popularidade e de rank nas mensagens
» Mudar estilo do link e mudar posição do avatar,rank e etc...
» [Rank] Estilo Tech
» [Rank] Estilo clean
» Estilo de popularidade e de rank nas mensagens
» Mudar estilo do link e mudar posição do avatar,rank e etc...
» [Rank] Estilo Tech
» [Rank] Estilo clean
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos