Reputação igual essa

Qual é minha questão:
Olá pessal da fdf estou aqui para pedir o codigo que deixa a reputação assim



lugar que eu vi http://bestskins.forumeiros.com

Endereço do meu fórum:
http://startstk.forumeiros.com

Versão do fórum:
PUNBB

Aqui está !

Código:

element.style {
background-color: rgb(141, 177, 62);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: inline-block;
padding: 6px;
text-align: center;
height: 20px;
width: 105px;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}

Não resoltou

Olá,

Copiar o que está na Inspeção de Elemento do Chrome nem sempre dará certo, o código copiado pelo Ted refere-se ao que está no elemento, ou seja, a alteração para chegar à este resultado foi feita provavelmente através de códigos jQuery.

Eu consegui um resultado próximo, contudo ele atrapalha outros campos de perfil, veja no meu fórum de teste: http://testeoveu.forumeiros.com/t2-

Se mesmo assim quiser tentar eu digo como foi feito.

Cordialmente,
The Boss

Poderia me passar

Saudações!

Adicione o código abaixo em sua "Folha de estilo CSS"

Código:

.pun .user .user-info{background:#F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;border:1px solid #DEDEDE;border-radius:5px;color:#666;line-height:1.8em;margin:5px auto;padding:10px}hr{border:0 none #D6D6D6;border-bottom:1px solid #fff;border-top:1px solid #D6D6D6}.tipsy{font-size:11px;padding:5px;position:absolute;text-shadow:none;z-index:999}.tipsy-inner{-moz-border-radius:3px;-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-border-radius:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);background:#000 url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;background-color:#000;border-radius:3px;color:#fff;max-width:200px;padding:8px;text-align:center}.tipsy-arrow{background:url(http://cuul.tk/img/tipsy.gif) no-repeat top left;height:5px;position:absolute;width:9px}.tipsy-n .tipsy-arrow{left:50%;margin-left:-4px;top:0}.tipsy-nw .tipsy-arrow{left:10px;top:0}.tipsy-ne .tipsy-arrow{right:10px;top:0}.tipsy-s .tipsy-arrow{background-position:bottom left;bottom:0;left:50%;margin-left:-4px}.tipsy-sw .tipsy-arrow{background-position:bottom left;bottom:0;left:10px}.tipsy-se .tipsy-arrow{background-position:bottom left;bottom:0;right:10px}.tipsy-e .tipsy-arrow{background-position:top right;height:9px;margin-top:-4px;right:0;top:50%;width:5px}.tipsy-w .tipsy-arrow{height:9px;left:0;margin-top:-4px;top:50%;width:5px}#pun-head #pun-navlinks{background:transparent!important;font-variant:small-caps;margin:-20px 0 50px;padding:.5em 1.1em .6em;z-index:999}

Ansiosamente,
PabloW.

Não Resoltou

Olá,

Eu fiz o seguinte, na gestão de reputação alterei o nome do campo para:

Código:

<div class="rep">Reputação

Sem fechar a "div", por que se fechar o que vai acontecer é, o nome fica dentro do estilo, mas a quantidade de pontos de reputação não. O problema de não fechar a "div" é que os campos de perfil que ficarem abaixo da reputação vão ficar bugados, recomendo mudá-los de ordem e deixá-la por último.

Então é só colocar esse CSS:

Código:

.rep {
background-color: rgb(141, 177, 62);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
color: rgb(255, 255, 255);
font-weight: bold;
display: inline-block;
padding: 6px;
text-align: center;
height: 20px;
width: 105px;
text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
background-position: 0px 1px;
background-repeat: repeat no-repeat;
}

Cordialmente,
The Boss

Não há como pois este código eu tenho é VIP da BestSkins tem que ter JS e edição de template Viewtopic_body e a css não é essa também ninguem vai conseguir ter este código pois aqui não damos suporte e ninguem entende sobre JS .

Mais irá bugar na reputação por exemplo você tem 4 agradecido se por o código nele vai ficar só 4 se alguem agradecer não vai sair do 4 vai ficar lá entende pois tem que ter edição de template js e tudo mais..

Olá,

Não entendi o comentário. E esqueci de por alto, para evitar que a mensagem fique no campo de perfil, é necessário utilizar o sistema de pontos para fechar a "div". No caso é só ir na gestão de pontos e trocar o nome do campo para:

Código:

</div><br>Pontos

Ou qualquer nome que desejar. Nos campos de perfil, deixe os Pontos embaixo de Reputação. Quanto aos números de reputação, vou testar agora.

---

EDIÇÃO: Teste no meu fórum de testes com um usuário padrão aumentar a reputação da conta de administrador e consegui sem maiores problemas. http://testeoveu.forumeiros.com/t2-

Cordialmente,
The Boss

the boss tem muitos bug

Olá,

É como eu disse, é um método improvisado que só funcionará se você tiver os pontos ativados e nos campos de perfil colocá-los nessa ordem:

- Reputação
- Pontos

Se fizer isso funcionará sem problemas.

Como foi dito anteriormente, o outro método envolve códigos jQuery aos quais não damos suporte.

Cordialmente,
The Boss

tente aperfesuar esse código

Olá!

Isso é o máximo que se dá para fazer com html, a partir dai é jQuery ao qual não oferecemos suporte aqui no fórum dos fóruns!

Até mais!