[TUTORIAL] Rank em estilo CSS

Ir para baixo

[TUTORIAL] Rank em estilo CSS Empty [TUTORIAL] Rank em estilo CSS

Mensagem por BrunoH. 06.12.13 0:58


[TUTORIAL] Rank em estilo CSS Images10

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

[TUTORIAL] Rank em estilo CSS 1114

.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)
[TUTORIAL] Rank em estilo CSS 131010

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:
    [TUTORIAL] Rank em estilo CSS VB4M1NX





©️ Fórum dos Fóruns


[TUTORIAL] Rank em estilo CSS Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Rank em estilo CSS
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos