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 Ter 30 Jun 2015 - 15: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
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5657
Pontos Ativos : 7280

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

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

Mensagem por iPrompt em Ter 30 Jun 2015 - 15:26

Olá,

Poderia me informar o link do seu fórum ?

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5404
Pontos Ativos : 6917

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

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

Mensagem por Fraise em Ter 30 Jun 2015 - 15:28

Quakeline escreveu:Olá,

Poderia me informar o link do seu fórum ?

Até
Olá,

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

Cumprimentos! Piscada
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5657
Pontos Ativos : 7280

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

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

Mensagem por iPrompt em Ter 30 Jun 2015 - 15: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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5404
Pontos Ativos : 6917

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

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

Mensagem por Fraise em Ter 30 Jun 2015 - 15: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.
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5657
Pontos Ativos : 7280

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

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

Mensagem por iPrompt em Ter 30 Jun 2015 - 19: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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5404
Pontos Ativos : 6917

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

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

Mensagem por Sennior em Ter 30 Jun 2015 - 22:15

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

Até mais.
Sennior
avatar

Sennior
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16348
Pontos Ativos : 20850

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/gladston.henrique.940

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

Mensagem por Fraise em Qua 1 Jul 2015 - 11: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');
}
});
});
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5657
Pontos Ativos : 7280

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

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

Mensagem por iPrompt em Qua 1 Jul 2015 - 11: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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5404
Pontos Ativos : 6917

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

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

Mensagem por Fraise em Qua 1 Jul 2015 - 12: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.
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5657
Pontos Ativos : 7280

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

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

Mensagem por Sennior em Qua 1 Jul 2015 - 15: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
avatar

Sennior
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16348
Pontos Ativos : 20850

Ver perfil do usuário https://ajuda.forumeiros.com/forum https://www.facebook.com/gladston.henrique.940

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

Mensagem por Fraise em Qua 1 Jul 2015 - 15:38

Olá,

Piorou companheiro.


Cumprimentos! Piscada


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5657
Pontos Ativos : 7280

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

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

Mensagem por RafaelS. em Qua 1 Jul 2015 - 16: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




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"
avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3449
Pontos Ativos : 4430

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

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

Mensagem por Fraise em Qua 1 Jul 2015 - 16:17

Funcionou. Muito obrigado!

Grato! Piscada


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5657
Pontos Ativos : 7280

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

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

Mensagem por RafaelS. em Qua 1 Jul 2015 - 16: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.




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Flecha ajudeiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Flecha ajudeiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Flecha ajudeiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"
avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3449
Pontos Ativos : 4430

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

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