Estilo de reputação

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

Resolvido Estilo de reputação

Mensagem por proberto em 02/04/14, 10:52 pm

Qual é minha questão:
Ola eu queria meu negocio de reputação desse jeito



Endereço do meu fórum:
http://supporttibia.ativoforum.com

Versão do fórum:
PHPBB3


Última edição por proberto em 03/04/14, 10:22 am, 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: Estilo de reputação

Mensagem por ShiroK em 02/04/14, 11:56 pm

Olá,

Ao inserir essa caixa de reputação irá realizar modificações simplórias em outros locais do perfil, gostaria do código, mesmo assim?

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

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

Resolvido Re: Estilo de reputação

Mensagem por proberto em 02/04/14, 11:56 pm

Sim

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: Estilo de reputação

Mensagem por ShiroK em 03/04/14, 12:03 am

Olá,

Adicione o seguinte código a sua folha de estilo ''CSS'';

Código:
.pun .user-ident .username {
background: url("http://i78.servimg.com/u/f78/14/73/12/96/vtdate10.png") repeat-x scroll left top transparent;
display: block;
padding-top: 9px;
padding-bottom: 9px;
text-align: center;
position: relative;
margin-top: -19px;
height: 30px;
}
.pun .postmain {
margin: 10px 10px 10px 195px;
}

.pun .post .user {
width: 175px;
font-size: 12px;
text-align: center;
line-height: 150%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FBFBFB url(http://i78.servimg.com/u/f78/17/96/03/52/highli10.png) repeat-x 0 0;
border: 1px solid #D9DBDD;
border-radius: 3px;
margin-left: -16em;
margin-top: -0.7em;
position: relative;
}

Atenciosamente,
ShiroK
avatar

ShiroK
Nível 10

Masculino
Inscrito dia : 01/03/2014
Mensagens : 271
Pontos Ativos : 387

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

Resolvido Re: Estilo de reputação

Mensagem por proberto em 03/04/14, 12:09 am

Deu em nada.

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: Estilo de reputação

Mensagem por proberto em 03/04/14, 10:05 am

UP

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: Estilo de reputação

Mensagem por Hancki em 03/04/14, 10:19 am

Olá!

Crie uma nova página Javascript, com investimento nos Tópicos. Coloque este código:
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>');
    });
});
E depois adicione este CSS na sua folha de estilos:
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);
}
Não se esqueça de remover qualquer código dado anteriormente.
Resultado: http://prntscr.com/36mayu

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: Estilo de reputação

Mensagem por proberto em 03/04/14, 10:22 am

Fico otimo OBG

proberto
Nível 9

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

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

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