Reputação news

2 participantes

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

Tópico resolvido Reputação news

Mensagem por proberto 24.04.14 5:12

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

Reputação news 28rmibq  OBS Eu recortei errado a imagem Triste kkk

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

Reputação news 2rmtnwg 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 19:34, editado 1 vez(es)
avatar

proberto
****

Membro desde : 21/09/2012
Mensagens : 223
Pontos : 374

http://tradebrasil.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação news

Mensagem por Hancki 24.04.14 9:38

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
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação news

Mensagem por proberto 24.04.14 14:02

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
avatar

proberto
****

Membro desde : 21/09/2012
Mensagens : 223
Pontos : 374

http://tradebrasil.umforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Reputação news

Mensagem por Hancki 24.04.14 18:11

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
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.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