[TUTORIAL] Rank em estilo CSS

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Rank em estilo CSS

Mensagem por BrunoH. em 05/12/13, 10:58 pm



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





- 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.


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

(carregue na imagem para aumentar)

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:





©️ Fórum dos Fóruns


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

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum