Qual é minha questão:
Esses ranks assim http://prntscr.com/2xa2ha como posso colocar?

Endereço do meu fórum:
http://nhl-haxball.forum.st

Versão do fórum:
PUNBB

Olá,

Aceda,
Painel de Controle -> Usuários & Grupos -> Ranks -> Administração dos Ranks

Clique em '''' sobre o Rank no qual quer colocar a imagem, e terá um campo,

URL da imagem do Rank (http://URL_DE_L'IMAGE.gif):

Preencha tal campo com a URL da sua imagem, caso não tenha, peça uma na secção gráfica.

Atenciosamente,
ShiroK

Cara, isso eu sei fazer, eu quero o código que deixa o rank assim http://prntscr.com/2xa2ha porque eu sei que não é imagem, porque quando eu passo o mouse ele aparece como letra veja > http://prntscr.com/2xacu9
Então eu quero o código que faz esse tipo de rank...

Olá,

Isso não é nenhum código é a própria imagem do rank.

Atenciosamente,
ShiroK

Você esta errado.
Veja os ranks deste fórum http://bestskins.com.br/forum .
E há em outros diversos fóruns também.

Olá tudo bem?

Primeiro entre em seu Painel de Controle:

Usuários e Grupo ->  Adminsitração dos Ranks.

Clique em Adicionar um novo Rank.

No titulo do rank teremos que colocar uma class para que possamos adicionar uma CSS, sendo assim no titulo do rank peço que coloque esse código:

Código:


<span class="userManagement1">Moderador</span>


- Rank Especial : Marque Sim

Clique em salvar.

Agora vá em:

Painel de controle -> Visualização -> Cores / Aba Folha de Estilo CSS

Coloque esse código abaixo:

Código:


.userManagement1 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #65a830;
    border-radius: 3px;
    border: 1px solid #474747;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
    padding: 3px 8px;
    text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
    }


Você poderá alterar as cores como quiser, e quando criar um novo rank, deverá criar com um nome na class diferente.

Funcionou perfeitamente, obrigado