Alterar cor de reputação no campo do perfil

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

Resolvido Alterar cor de reputação no campo do perfil

Mensagem por Fraise em 30/06/15, 03:11 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por iPrompt em 30/06/15, 03:26 pm

Olá,

Poderia me informar o link do seu fórum ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise em 30/06/15, 03:28 pm

Quakeline escreveu:Olá,

Poderia me informar o link do seu fórum ?

Até
Olá,

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

Cumprimentos! Piscada
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por iPrompt em 30/06/15, 03:42 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise em 30/06/15, 03:47 pm

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.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por iPrompt em 30/06/15, 07:38 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Sennior em 30/06/15, 10:15 pm

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

Até mais.
Sennior
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise em 01/07/15, 11:17 am

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por iPrompt em 01/07/15, 11:29 am

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise em 01/07/15, 12:01 pm

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.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Sennior em 01/07/15, 03:32 pm

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise em 01/07/15, 03:38 pm

Olá,

Piorou companheiro.


Cumprimentos! Piscada
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Rafael em 01/07/15, 04:00 pm

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
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Fraise em 01/07/15, 04:17 pm

Funcionou. Muito obrigado!

Grato! Piscada
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5034
Pontos Ativos : 6714

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Alterar cor de reputação no campo do perfil

Mensagem por Rafael em 01/07/15, 04:19 pm

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

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