Reputação modificada

3 participantes

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

Tópico resolvido Reputação modificada

Mensagem por [K]oke 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
Membro

Masculino
Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação modificada

Mensagem por Cepheus 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
Membro

Masculino
Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação modificada

Mensagem por [K]oke 23.04.16 21:49

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

[K]oke
Membro

Masculino
Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação modificada

Mensagem por Key of Destiny 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
****

Masculino
Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ver perfil do usuário

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação modificada

Mensagem por [K]oke 23.04.16 23:15

Olá,

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

[K]oke
Membro

Masculino
Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação modificada

Mensagem por Key of Destiny 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
****

Masculino
Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ver perfil do usuário

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação modificada

Mensagem por [K]oke 23.04.16 23:38

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

[K]oke
Membro

Masculino
Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

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

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Reputação modificada

Mensagem por Cepheus 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
Membro

Masculino
Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação modificada

Mensagem por [K]oke 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
Membro

Masculino
Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

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

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Reputação modificada

Mensagem por Cepheus 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
Membro

Masculino
Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação modificada

Mensagem por [K]oke 24.04.16 14:09

Perfeito!
[K]oke

[K]oke
Membro

Masculino
Membro desde : 26/04/2014
Mensagens : 897
Pontos : 1628

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

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos