HenRyqUéè
Dom 09 Dez 2012, 2:36 pm | |
[TUTORIAL] Personalizando os ranks |
Olá pessoal, neste tutorial, irei ensinar a como personalizar os ranks do estilo do RMBR, além desse estilo, irei expor vários outros estilos para ranks também.
|
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Personalizando os ranks
[TUTORIAL] Personalizando os ranks
1º - Criando um novo rank...
Vá em:
Título do Rank : Dê qualquer título ao rank (ex: Helper).Painel > Usuarios e Grupos > Ranks > Administração dos ranks >> Adicionar Novo Rank
Rank Especial : Nesse caso vamos marcar sim, se colocarmos não, automaticamente ele iria para todos os membros.
Número mínimo de mensagens : (Ligado a: Rank especial - Não) Nesse caso ele ativaria o rank ao membro se ele tivesse o numero de mensagens especificado.
URL da imagem do Rank (http://URL_DE_L'IMAGE.gif) : Url da imagem do rank, nesse cso não iremos usar esta área.
2º - Adicionando classes para ligar no rank...
Vá em:
Para criar uma classe, primeiramente é nescessário você ter uma noção básica em css, como comandar os eventos, etc.Painel > Visualização > Imagens e Cores > Cores >> Folha de estilo CSS
Vamos criar a nossa primeira classe, a que eu vou escolher é "h" (escolha as iniciais do nome do rank, para ficar menor na hora de adiciona-la e para não esquecer).
Como estamos referindo a textos e não tabelas, o código na folha ficaria assim:
- Código:
.h{
ATRIBUTOS CSS
}
3º - Adicionando essa classe ao rank...
Devemos ir ao rank que nós criamos,e em "Título do Rank :" nós iremos adicionar o seguinte código:
- Código:
<div class="h">NOME DO RANK</div>
DIV: Tag HTML.
CLASS: Inicia a classe css que nós criamos.
H: Classe CSS que criamos.
NOME DO RANK: Aqui você irá colocar o nome do rank (ex: Helper).
4º - Estilos css para o rank...
Os códigos abaixo, vocês iraão colocar dentro da parte destacada:
.h{
ATRIBUTOS CSS
}
Estilo 1 (RMBR):
- CLIQUE AQUI PARA ABRIR:
- Código:
color:#F29A16;text-shadow:2px 0.5px 2px #B5986D
Exemplo:Helper
Estilo 2
- CLIQUE AQUI PARA ABRIR:
- Código:
width:auto;padding:3px;border:1px solid grey; border-radius:3px;color:#F29A16;text-shadow:2px 0.5px 2px #B5986D
Exemplo:Helper
Estilo 3
- CLIQUE AQUI PARA ABRIR:
- Código:
background:F7F7F7;box-shadow:0px 0px 5px grey inset;width:auto;padding:3px;border:1px solid grey; border-radius:3px;color:#F29A16;text-shadow:2px 0.5px 2px #B5986D
Exemplo:Helper
Esses são alguns estilos que eu disponibilizei para facilitar suas vidas, ms é claro que vc tendo um pouco de conhecimento de css, vc pode fazer seus própios estilos.
- Funciona em quais versões?
Todas
© RMBR & SPDesign
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [TUTORIAL] Personalizando os ranks |