[Tutorial] Rank em estilo css

Autor: Wagh
Funcionalidade: Em todas as versões
Descrição: Através deste tutorial você poderá configurar um rank para carregar um efeito CSS específico.

1º - Conhecendo e inserindo o código:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS

.nomedorank {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #65a830;
border-radius: 3px;
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;
}

O valor em vermelho será substituído pelo "nomedorank" desejado, iremos explicar mais detalhes no próximo passe.


2º - Modificando o rank:
Agora iremos modificar o rank no qual queremos que os usuarios do tal recebam o efeito, acederemos ao:
Painel de Controle :seta:Usuários :seta:Ranks :seta:Administração dos Ranks
Selecione um rank e clique no botão ":editar:":


No campo "Título do rank" deverá substituir por este código:

nomedorank">Título do rank

O valor vermelho será o comando do código CSS - E o campo selecionado como verde será o título anterior do rank, por exemplo, "Administrador".

• Resultado: