Estilo de reputação

3 participantes

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

Tópico resolvido Estilo de reputação

Mensagem por proberto 03.04.14 2:52

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

Estilo de reputação 20auzid

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

Mensagem por ShiroK 03.04.14 3:56

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
ShiroK

ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo de reputação

Mensagem por proberto 03.04.14 3:56

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

Mensagem por ShiroK 03.04.14 4:03

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
ShiroK

ShiroK
****

Membro desde : 01/03/2014
Mensagens : 271
Pontos : 387

http://narutoyopa.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo de reputação

Mensagem por proberto 03.04.14 4:09

Deu em nada.
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: Estilo de reputação

Mensagem por proberto 03.04.14 14:05

UP
avatar

proberto
****

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

http://tradebrasil.umforum.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Estilo de reputação

Mensagem por Hancki 03.04.14 14:19

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
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Estilo de reputação

Mensagem por proberto 03.04.14 14:22

Fico otimo OBG
avatar

proberto
****

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

http://tradebrasil.umforum.net/

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