Alterar cor de reputação no campo do perfil

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á!

Olá,

Poderia me informar o link do seu fórum ?

Até

Quakeline escreveu:Olá,

Poderia me informar o link do seu fórum ?

Até

Olá,

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

Cumprimentos!

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é

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.

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é

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

Até mais.
Sennior

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


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é

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.

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

Olá,

Piorou companheiro.


Cumprimentos!

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

Funcionou. Muito obrigado!

Grato!