Alterar cor de reputação no campo do perfil

4 participantes

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

Ajudeiro

Tópico resolvido Alterar cor de reputação no campo do perfil

Mensagem por Fraise 30.06.15 19:11

Olá,
Gostaria de saber como alterar a cor de "Reputação" no perfil dos tópicos, como no exemplo :
http://prntscr.com/7n7g3v

Obrigado desde já! Piscada
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Roevs 30.06.15 19:26

Olá,

Poderia me informar o link do seu fórum ?

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise 30.06.15 19:28

Quakeline escreveu:Olá,

Poderia me informar o link do seu fórum ?

Até
Olá,

Aqui está: http://radium.forumeiros.com/

Cumprimentos! Piscada
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Roevs 30.06.15 19:42

Olá,

Substitua o CSS do sistema de Reputação por este

Código:
$(document).ready(function(){$('.postprofile dl').each(function(){$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label style="color: white"'))});$('.postprofile dl .post_field:contains("Reputação")').each(function(){var rep=$(this).text().match(/\d+/g);$(this).addClass('reputation');$(this).append('<span class="title" style="font-weight:normal"></span>');if(rep==0){$('.title',this).text('Neutro');$(this).addClass('zero')}else if(rep>=1&&rep<5){$('.title',this).text('Iniciante')}else if(rep>=5&&rep<10){$('.title',this).text('Ativo')}else if(rep>=25&&rep<50){$('.title',this).text('Profissional')}else if(rep>=50){$('.title',this).text('Rei')}})});

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise 30.06.15 19:47

Quakeline escreveu:Olá,

Substitua o CSS do sistema de Reputação por este

Código:
$(document).ready(function(){$('.postprofile dl').each(function(){$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label style="color: white"'))});$('.postprofile dl .post_field:contains("Reputação")').each(function(){var rep=$(this).text().match(/\d+/g);$(this).addClass('reputation');$(this).append('<span class="title" style="font-weight:normal"></span>');if(rep==0){$('.title',this).text('Neutro');$(this).addClass('zero')}else if(rep>=1&&rep<5){$('.title',this).text('Iniciante')}else if(rep>=5&&rep<10){$('.title',this).text('Ativo')}else if(rep>=25&&rep<50){$('.title',this).text('Profissional')}else if(rep>=50){$('.title',this).text('Rei')}})});

Até
Não funcionou.

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Roevs 30.06.15 23:38

Olá,

Tente este

Código:
    $(document).ready(function(){$('.postprofile dl').each(function(){$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label style="color: white"))});$('.postprofile dl .post_field:contains("Reputação")').each(function(){var rep=$(this).text().match(/\d+/g);$(this).addClass('reputation');$(this).append('<span class="title" style="font-weight:normal"></span>');if(rep==0){$('.title',this).text('Neutro');$(this).addClass('zero')}else if(rep>=1&&rep<5){$('.title',this).text('Iniciante')}else if(rep>=5&&rep<10){$('.title',this).text('Ativo')}else if(rep>=25&&rep<50){$('.title',this).text('Profissional')}else if(rep>=50){$('.title',this).text('Rei')}})});

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Sennior 01.07.15 2:15

CSS? Mas é um JavaScript!
Autor, qual código esta utilizando para criar tal função?

Até mais.
Sennior
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise 01.07.15 15:17

Sennior escreveu:CSS? Mas é um JavaScript!
Autor, qual código esta utilizando para criar tal função?

Até mais.
Sennior
Olá,

No CSS estou a utilizar este código:
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);
}

E no JS este:
Código:

$(document).ready(function() {
$('.postprofile dl').each(function() {
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.postprofile dl .post_field:contains("Reputação")').each(function() {
var rep = $(this).text().match(/\d+/g);
$(this).addClass('reputation');
$(this).append('<span class="title" style="font-weight:normal"></span>');
if(rep == 0) {
        $('.title', this).text('Neutro');
        $(this).addClass('zero');
}
else if(rep >= 1 && rep < 5) {
        $('.title', this).text('Iniciante');
}
else if(rep >= 5 && rep < 10) {
        $('.title', this).text('Ativo');
}
else if(rep >= 25 && rep < 50) {
        $('.title', this).text('Profissional');
}
else if(rep >= 50) {
        $('.title', this).text('Rei');
}
});
});
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Roevs 01.07.15 15:29

Olá,

Altere o JS por este

Código:

    $(document).ready(function() {
    $('.postprofile dl').each(function() {
    $(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label"  style="color: white">));
    });
    $('.postprofile dl .post_field:contains("Reputação")').each(function() {
    var rep = $(this).text().match(/\d+/g);
    $(this).addClass('reputation');
    $(this).append('<span class="title" style="font-weight:normal"></span>');
    if(rep == 0) {
            $('.title', this).text('Neutro');
            $(this).addClass('zero');
    }
    else if(rep >= 1 && rep < 5) {
            $('.title', this).text('Iniciante');
    }
    else if(rep >= 5 && rep < 10) {
            $('.title', this).text('Ativo');
    }
    else if(rep >= 25 && rep < 50) {
            $('.title', this).text('Profissional');
    }
    else if(rep >= 50) {
            $('.title', this).text('Rei');
    }
    });
    });

Até
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise 01.07.15 16:01

Quakeline escreveu:Olá,

Altere o JS por este

Código:

    $(document).ready(function() {
    $('.postprofile dl').each(function() {
    $(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label"  style="color: white">));
    });
    $('.postprofile dl .post_field:contains("Reputação")').each(function() {
    var rep = $(this).text().match(/\d+/g);
    $(this).addClass('reputation');
    $(this).append('<span class="title" style="font-weight:normal"></span>');
    if(rep == 0) {
            $('.title', this).text('Neutro');
            $(this).addClass('zero');
    }
    else if(rep >= 1 && rep < 5) {
            $('.title', this).text('Iniciante');
    }
    else if(rep >= 5 && rep < 10) {
            $('.title', this).text('Ativo');
    }
    else if(rep >= 25 && rep < 50) {
            $('.title', this).text('Profissional');
    }
    else if(rep >= 50) {
            $('.title', this).text('Rei');
    }
    });
    });

Até

Não funcionou.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Sennior 01.07.15 19:32

Saudações,

Use este código 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(106, 16, 16)!important;
  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);
}

E este JavaScript:
Código:

$(document).ready(function() {
$('.postprofile dl').each(function() {
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.postprofile dl .post_field:contains("Reputação")').each(function() {
var rep = $(this).text().match(/\d+/g);
$(this).addClass('reputation');
$(this).append('<span class="title" style="font-weight:normal"></span>');
if(rep == 0) {
        $('.title', this).text('Neutro');
        $(this).addClass('zero');
}
else if(rep >= 1 && rep < 5) {
        $('.title', this).text('Iniciante');
}
else if(rep >= 5 && rep < 10) {
        $('.title', this).text('Ativo');
}
else if(rep >= 25 && rep < 50) {
        $('.title', this).text('Profissional');
}
else if(rep >= 50) {
        $('.title', this).text('Rei');
}
});
});

Até mais.
Sennior
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise 01.07.15 19:38

Olá,

Piorou companheiro.
Perfil - Alterar cor de reputação no campo do perfil GZh0zrg

Cumprimentos! Piscada
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por RafaelS. 01.07.15 20:00

Olá!

Troque o CSS por este:

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: #FFF !important;
      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 .label span {
    color: white !important;
}
    .reputation.zero {
      background-color: rgb(16, 16, 16)!important;
      color: rgb(255, 255, 255);
    }

Atenciosamente,
iChees
RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise 01.07.15 20:17

Funcionou. Muito obrigado!

Grato! Piscada
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por RafaelS. 01.07.15 20:19

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

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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