Reputação modificada

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Reputação modificada

Mensagem por [K]oke em 23/04/16, 03:11 pm

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 Eu amo você


Última edição por [K]oke em 24/04/16, 10:10 am, editado 1 vez(es)
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Reputação modificada

Mensagem por Cepheus em 23/04/16, 03:33 pm

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

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Reputação modificada

Mensagem por [K]oke em 23/04/16, 05:49 pm

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

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Reputação modificada

Mensagem por Key of Destiny em 23/04/16, 06:05 pm

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! Muito feliz
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Reputação modificada

Mensagem por [K]oke em 23/04/16, 07:15 pm

Olá,

até funcionou mais nao ficou como eu queria Muito feliz
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Reputação modificada

Mensagem por Key of Destiny em 23/04/16, 07:27 pm

Entendo, amigo.

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

Vá pela sombra! Muito feliz
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Reputação modificada

Mensagem por [K]oke em 23/04/16, 07:38 pm

Desejo que fique assim
está assim
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu
  • 0

Resolvido Re: Reputação modificada

Mensagem por Cepheus em 23/04/16, 08:05 pm

@[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;}
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Reputação modificada

Mensagem por [K]oke em 23/04/16, 09:58 pm

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

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu
  • 0

Resolvido Re: Reputação modificada

Mensagem por Cepheus em 24/04/16, 09:44 am

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
avatar

Cepheus
Usuário destaque

Masculino
Inscrito dia : 21/03/2014
Mensagens : 514
Pontos Ativos : 1085

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Reputação modificada

Mensagem por [K]oke em 24/04/16, 10:09 am

Perfeito!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum