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

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

Sim

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

Deu em nada.

UP

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

Fico otimo OBG