Reputação news

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

Resolvido Reputação news

Mensagem por proberto em 24/04/14, 01:12 am

  • Descrição:
Olá eu queria coloca esse bang no meu fórum quando o Usuário ta sem reputação aparece desse jeito

  OBS Eu recortei errado a imagem Triste kkk

Quando o Usuário tava com reputação aparecia assim

 OBD Essa eu também cortei errada kkkkkkk


  • Informações:
Fórum:http://tradebrasil.umforum.net/Versão:INVISION
Tipo:Pedido de códigoTags:Reputação



Última edição por proberto em 24/04/14, 03:34 pm, editado 1 vez(es)

proberto
Nível 9

Masculino
Inscrito dia : 21/09/2012
Mensagens : 223
Pontos Ativos : 374

Ver perfil do usuário http://tradebrasil.umforum.net/

Resolvido Re: Reputação news

Mensagem por Hancki em 24/04/14, 05:38 am

Olá!

Use este JS investido nos tópicos:
Código:
$(document).ready(function() {
$(".postprofile .postprofile-details.postdetails").each(function(){
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.postprofile .postprofile-details.postdetails .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) {
        $(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');
}
});
});
E depois este 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(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);
}

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Reputação news

Mensagem por proberto em 24/04/14, 10:02 am

Cara não teria como deixa o tom do preto um pouco mais claro igual la da imagem.

e tipo o quadrado do negocio de reputação não teria como deixar igual aquele da imagem tipo tira esses bangs Neutro,Iniciante,ETC e deixa redondo igual a cima

proberto
Nível 9

Masculino
Inscrito dia : 21/09/2012
Mensagens : 223
Pontos Ativos : 374

Ver perfil do usuário http://tradebrasil.umforum.net/

Resolvido Re: Reputação news

Mensagem por Hancki em 24/04/14, 02:11 pm

Use este CSS então:
Código:
#profile1 dl div.post_field.reputation span.label span {
   color: white !important;
}
.reputation .title {
   display: none !important;
}
.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;
}
div.post_field.reputation.zero {
  background-color: grey !important;
  color: rgb(255, 255, 255) !important;
}
Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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