[TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES

[Victor_SaydeN]

RANKs EM CSS

Olá pessoal, estou trazendo um tutorial para vocês de RANKs em CSS no fórum.

Qual o objetivo desse TUTORIAL? Mostrar para os jogadores como fazer algo bonito e simples para o seu fórum, no caso o RANK funciona como uma identificação de um STAFF, MEMBRO, ETC.

Esse tutorial é mais para aquelas organizações que tem seu FÓRUM. Em breve, a minha organização (Skinheads) irá desenvolver seu FÓRUM.

~ Vamos ao tutorial ~

Vocês irão no PAINEL DE CONTROLE do seu fórum e depois clicarão em Visualização, em Visualização terá um menu chamado IMAGENS E CORES clique em CORES e logo após em FOLHA DE ESTILO CSS.

Vocês irão adicionar esse CÓDIGO no final da sua folha CSS.

Código:

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

Em color: #fff - Você pode substituir o "fff" por outra cor desejada, para verificar o ID das cores é recomendável o site a seguir: http://www.flextool.com.br/tabela_cores.html

No lugar do .nomedorank vocês irão colocar qualquer nome desejado.

Agora, iremos em USUÁRIOS E GRUPOS e ADMINISTRAÇÃO DOS RANKS - Cliquem para adicionar um NOVO, para adicionar é só clicar no sinal de + no canto inferior direito da sua tela.

No título do RANK você colocará esse código:

Código:

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

Assim, o NOMEDORANK (lembrando que se você trocou para outro nome, deverá colocar o que você colocou) e TÍTULO DO RANK pode ser qualquer um.

Exemplo de como ficará: http://prntscr.com/d2u5r9

Para setar em um usuário, é só ir no seu PERFIL pelo PAINEL DE CONTROLE e setar o RANK, automaticamente irá aparecer o RANK EM CSS!

ATÉ MAIS E OBRIGADO PELA SUA ATENÇÃO!

[Ciel]

Não acho que muita gente tenha um fórum aqui ou que tenha acesso ao painel, ou que se interesse por CSS, mas blza. Tutorial bem simples mas bem explicado!

[Dejota_Medina]

Isso será avaliado! 

[Victor_SaydeN]

Isso será avaliado! 

Aguardo sua avaliação!

Já testei essa CSS em muitos fóruns de games famosos.

Um deles foi a ssgamers.

[Lucas_Simoes]

Bacana o tutorial, porém ja trabalho com esse tipo de rank.

[Akuma_FighteR]

Dahora mais no momento não vou usar isso .

[Kauan_DoubleG]

Isso ajuda muito parabéns pelo tutorial

[Victor_SaydeN]

Dahora mais no momento não vou usar isso .

Você não vai usar, você já está usando

[Conteúdo patrocinado]