Reputação modificada

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

Atendido / Resolvido Reputação modificada

Mensagem por [K]oke em 23.04.16 19:11

Detalhes da questão


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

Descrição


DFF0D8 - Reputação modificada 8Xi4tVl
Desejo minha reputação dessa maneira Eu amo você


Última edição por [K]oke em 24.04.16 14:10, editado 1 vez(es)
[K]oke

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 897
Pontos Ativos : 1628

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

Atendido / Resolvido Re: Reputação modificada

Mensagem por Cepheus em 23.04.16 19:33

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

Cepheus
Usuário destaque

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

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

Atendido / Resolvido Re: Reputação modificada

Mensagem por [K]oke em 23.04.16 21:49

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

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 897
Pontos Ativos : 1628

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

Atendido / Resolvido Re: Reputação modificada

Mensagem por Key of Destiny em 23.04.16 22:05

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
Key of Destiny

Key of Destiny
Nível 10

Masculino
Inscrito dia : 15/12/2015
Mensagens : 253
Pontos Ativos : 415

Ver perfil do usuário

Atendido / Resolvido Re: Reputação modificada

Mensagem por [K]oke em 23.04.16 23:15

Olá,

até funcionou mais nao ficou como eu queria Muito feliz
[K]oke

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 897
Pontos Ativos : 1628

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

Atendido / Resolvido Re: Reputação modificada

Mensagem por Key of Destiny em 23.04.16 23:27

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
Key of Destiny

Key of Destiny
Nível 10

Masculino
Inscrito dia : 15/12/2015
Mensagens : 253
Pontos Ativos : 415

Ver perfil do usuário

Atendido / Resolvido Re: Reputação modificada

Mensagem por [K]oke em 23.04.16 23:38

Desejo que fique assim
DFF0D8 - Reputação modificada 8Xi4tVlestá assimDFF0D8 - Reputação modificada Sd2txz
[K]oke

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 897
Pontos Ativos : 1628

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

Atendido / Resolvido Re: Reputação modificada

Mensagem por Cepheus em 24.04.16 0:05

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

Cepheus
Usuário destaque

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

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

Atendido / Resolvido Re: Reputação modificada

Mensagem por [K]oke em 24.04.16 1:58

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

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 897
Pontos Ativos : 1628

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

Atendido / Resolvido Re: Reputação modificada

Mensagem por Cepheus em 24.04.16 13:44

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
Cepheus

Cepheus
Usuário destaque

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

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

Atendido / Resolvido Re: Reputação modificada

Mensagem por [K]oke em 24.04.16 14:09

Perfeito!
[K]oke

[K]oke
Usuário destaque

Masculino
Inscrito dia : 26/04/2014
Mensagens : 897
Pontos Ativos : 1628

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


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