[TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES
[TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES
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!
Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES
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!

☞ Ciel ☜
- Clique:

- >>Conquistas <<:
☞ Vice Presidente
☞ Administrador Sub Acessor
☞ Administrador de Lideranças
☞ Moderador do Mês (4x)
☞ Gerente do Fórum
☞ Diretor do Fórum
☞ Owner do Fórum
☞ Desenvolvedor WEB
☞ Fundador de Família
☞ DJ Ciel
☞ Líder
☞ Sócio
☞ Promoter NP
☞ Level 80
☞ NP since 21/02/2015

Dejota_Medina- ⇨ Vice-Presidente do Servidor
» WhatsApp : (21) 984195690
» Sexo :
» Mensagens : 1102
» Data de Inscrição : 22/10/2015
» Idade : 23
» Frase : dizem que eu sou bastardo do rap, e eu sou mesmo tipo Jon Snow.
Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES
@Dejota_Medina escreveu:Isso será avaliado!
Aguardo sua avaliação!
Já testei essa CSS em muitos fóruns de games famosos.
Um deles foi a ssgamers.


Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES
Bacana o tutorial, porém ja trabalho com esse tipo de rank.


Lucas_Simoes- ⇨ Owner do Fórum
» Mensagens : 357
» Data de Inscrição : 21/01/2015
Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES
Dahora mais no momento não vou usar isso .

EX - Administrador 20/03/16 até 25/05/16
Membro Familia FighteR
Membro Familia FighteR
- Family FighteR <3:

- Ryu Safadenha:
P.C.C - Capanga [ C4 ]
NP Desde 02/05/2015 @Reserved
Akuma_FighteR- ⇨ Moderador do Fórum
» Organização : Mayans
» WhatsApp : 21 987054813
» Sexo :
» Mensagens : 1215
» Data de Inscrição : 30/09/2015
» Idade : 16
» Frase : "Não Se ganha a Guerra com Gentileza , Se Ganha a Guerra com coragem !"
Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES
Isso ajuda muito parabéns pelo tutorial

➜CONQUISTAS
Administrador Sub-Imediato
Administrador Sub-Imediato
Responsável Promoters
Admin Team Speak 3
Membro de Honra Familia DoubleG
Membro Veterano
Membro de Honra
Criador Familia MonsTeR



Kauan_DoubleG- ⇨ Membro Aprendiz
» Organização : Saudades NP 2016 :(
» WhatsApp : (21)985652605
» Sexo :
» Mensagens : 46
» Data de Inscrição : 24/08/2016
» Idade : 15
» Frase : Se Deus é por nós quem será contra nós
Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES
Você não vai usar, você já está usando@Akuma_FighteR escreveu:Dahora mais no momento não vou usar isso .




» Pente de madeira - benefícios para as cacheadas
» como ajeitar o cabelo para dormir?
» Funeral para todos!
» Tutorial Secador Deva SunDryer
» Oração para restauração de casamento
» como ajeitar o cabelo para dormir?
» Funeral para todos!
» Tutorial Secador Deva SunDryer
» Oração para restauração de casamento
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
|
|