Reputação modificada

Detalhes da questão

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

Descrição

Desejo minha reputação dessa maneira

Não faz muito tempo e alguém fez a mesma pergunta: https://ajuda.forumeiros.com/t104749-reputacao-ipb

Vej o que nao reparou mais o da foto é diferente meu caro

E aí, amigo? Tudo joia?

Na verdade é a mesma coisa sim. A única diferença é que a cor era um pouco mais forte. Você pode seguir os passos do tópico, mas trocando o CSS final por esse:

Código:

.reputation, .reputation.zero {
  background-color: #D5E5B3!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: #597127;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 105px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}

Vá pela sombra!

Olá,

até funcionou mais nao ficou como eu queria

Entendo, amigo.

Mas você poderia ser mais específico quanto ao que você não gostou? Cor, fonte, etc... Se possível, detalhadamente.

Vá pela sombra!

Desejo que fique assim
está assim

[K]oke escreveu:Vej o que nao reparou mais o da foto é diferente meu caro

Na verdade é a mesma coisa você só precisaria alterar duas coisas no seu css:
background-color:COR-DESEJADA;
color:COR-DESEJADA;


Como já houve algumas alterações vou simplificar,
Adicione no seu css:

Código:

.reputation .label span, .reputation.zero .label span {
color: #3C763D!important;
text-shadow:none!important
}

Agora sobre remover aquele nome abaixo da reputação, você pode optar por duas opções:
Remover essa parte no seu JS:

Código:

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');
}

Ou adicionar essa linha no seu css:

Código:

 .reputation .title {display:none;}

Queria o verde como dessa imagem https://i.imgur.com/8Xi4tVl.png seria possivel? o da font como o do fundo

no seletor .reputation, .reputation.zero
postado por Key of Destiny
em: background-color:  

troque a cor por essa: #DFF0D8


E em color: 


troque a cor por essa: #3C763D

Perfeito!