Fundo de rank

Qual é minha questão:
Gostaria de saber como colocar o modelo do rank, por exemplo
O fundo do rank e o escrito, vou mandar um print:

Viram que selecionei? Pois esse fórum há esse código que tem apenas o fundo do rank, e eles escreveram.


Endereço do meu fórum:
http://foreverpixel.forumais.com

Versão do fórum:
PUNBB

Olá!

Aceda à:
Painel...-> Usuários e grupos -> Administração dos ranks -> Ranks
Clique para criar ou para editar o rank já existente que deseja adicionar o efeito, no campo para adicionar o título, coloque a tag abaixo antes de quaisquer textos:

Código:

<div class=rank>

E depois de todos os textos coloque esta:

Código:

</div>

Agora aceda à:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Adicione o código abaixo:

.rank{
padding:10px 10px 10px 10px;
background-color:#FFF;
color: #000;
}

Vermelho -> Cor do fundo do rank em hexadecimal ou pelo nome da cor em inglês.
Laranja -> Cor da letra do rank em hexadecimal ou pelo nome da cor em inglês.

Melhores cumprimentos,
seender

Olá amigo, resultou, mais como faço para colocar as bordas?

Ah, e também queria saber como colocar cada fundo para um rank!

Olá!

Aceda à:
Painel...-> Usuários e grupos -> Administração dos ranks -> Ranks
Clique para criar ou para editar o rank já existente que deseja adicionar o efeito, no campo para adicionar o título, coloque a tag abaixo antes de quaisquer textos:

Código:

<div class=rank>

E depois de todos os textos coloque esta:

Código:

</div>

Para cada rank coloque o número posterior, por exemplo, no rank de administradores podes colocar o código acima, já no rank de moderadores, coloque este antes de quaisquer textos:

Código:

<div class=rank1>

E depois de todos os textos coloque esta:

Código:

</div>

O que irá mudar no CSS é só a classe, dai é só multiplicar o código CSS e modificar a classe.
Agora aceda à:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Adicione o código abaixo:

.rank{
padding:10px 10px 10px 10px;
background-color:#FFF;
color: #000;
border: 1px solid #000;
}

Vermelho -> Cor do fundo do rank em hexadecimal ou pelo nome da cor em inglês.
Laranja -> Cor da letra do rank em hexadecimal ou pelo nome da cor em inglês.
Rosa -> Cor da borda.

Melhores cumprimentos,
seender