[TUTORIAL] Rank em estilo CSS

Através deste tutorial você poderá configurar um rank para carregar um efeito CSS específico.

--> Tutoriais, dicas e astúcias <--
Rank em estilo CSS

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 "":


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

<span class="nomedorank">Título do rank</span>

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:
  
  
  
  

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Rank em estilo CSS