Reputaçao CSS

[Cooper]

Detalhes da questão

Endereço do fórum: http://hexusgames.forumeiros.com/forum
Versão do fórum: PunBB

Descrição

Olá,

Segui com este tutorial; https://ajuda.forumeiros.com/t93881-
Mas o resultado nao foi como o do tutorial:



Está assim: http://prntscr.com/9d3bok

Está repetindo o texto da reputaçao, e o circulo nao está perfeito.

Peço que me mandem o código correto.

Obrigado.

[Slurk]

Sobre o icone que tem a mais, é porque você deixo o campo "reputação" com o ícone.

e você fez alguma alteração no código do tutorial? pois ele é funcional em todas as versões.

Uma das opções pra ter acontecido esse bug é o fato de você ter alterado o codigo de forma errada ou ser esse icone do campo "reputação".

[Cooper]

Nao alterei o código e retirei a imagem, mas ainda continua assim: http://prntscr.com/9d4y6c

[Slurk]

Altere pra esse codigo js:

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);
var rank = '';
$(this).addClass('reputation');
$(this).append('<span class="title" style="font-weight:normal"></span>');
if(rep == 0) {
        rank = 'Neutro';
        $(this).addClass('zero');
}
else if(rep >= 1 && rep < 5) {
        rank = 'Iniciante';
}
else if(rep >= 5 && rep < 10) {
        rank = 'Membro ativo';
}
else if(rep >= 10) {
        rank = 'Excelente';
}
$('.title', this).text(rank);
});
});

e esse troque por esse codigo 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);
}

[Cooper]

Bom, em relaçao ao circulo está mais perfeito, mas ainda está repetindo: http://prntscr.com/9dg2k2

[Cooper]

#up

[Shek]

Olá e bom dia!

Por gentileza, deixe-nos aberto um tópico público para que possamos fazer as correções. O fórum mencionado não contém um tópico público para testes.

Até mais!

[Cooper]

Desculpe-me, mas não entendi o que quis dizer com "aberto um tópico público" ...

[Cooper]

#UP

[Shek]

Não posso ver como está o efeito em seu fórum e fazer os testes, se não há nenhum tópico publico.

Obrigado por deixar um tópico público.

[Cooper]

Nao entendi mas ok

[Rudimar Bueno]

Os tópicos estão para apenas membros, deixe um em público.

[IsmaelS.]

Boa tarde!

O que Shek quis dizer foi que não tens nenhum tópico aberto para os visitantes, veja:


Para isso devia ter algo aberto um tópico, para podermos ver o problema, mas mesmo assim você criou ranks especiais?

Veja em: Painel de Controlo - Usuários & Grupos - Ranks - Administração dos ranks

Se tiver o "Excelente" criado remova para ver se continua a repetir.

[Cooper]

Já resolvi o problema, era uma erro na viewtopic_body, agradeço a todos pela ajuda.
@Resovido!

[RafaelS.]

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