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

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

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

Mensagem por Victor_SaydeN em Qui Nov 03, 2016 11:47 pm

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!
avatar
Victor_SaydeN
⇨ Moderador Aprendiz
⇨ Moderador Aprendiz

» Sexo » Sexo : Masculino
» Mensagens » Mensagens : 508
» Data de Inscrição » Data de Inscrição : 29/02/2016
» Idade » Idade : 17
» Frase » Frase : Faça o que eu digo, não faça o que eu faço.

http://www.npsamp.com.br

Voltar ao Topo Ir em baixo

Em Curso Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES

Mensagem por Ciel em Sex Nov 04, 2016 12:04 am

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

avatar
Ciel
⇨ Desenvolvedor e Vice-Diretor WEB
⇨ Desenvolvedor e Vice-Diretor WEB

» Organização » Organização : ADMIN
» WhatsApp » WhatsApp : (67) 99636-9664
» Sexo » Sexo : Masculino
» Mensagens » Mensagens : 2237
» Data de Inscrição » Data de Inscrição : 12/04/2015
» Idade » Idade : 17
» Frase » Frase : Quem ousa me invocar?

http://steamcommunity.com/id/Ciiel

Voltar ao Topo Ir em baixo

Em Curso Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES

Mensagem por Dejota_Medina em Sex Nov 04, 2016 12:08 am

Isso será avaliado! 



 
                                                                                                               
avatar
Dejota_Medina
⇨ Vice-Presidente do Servidor
⇨ Vice-Presidente do Servidor

» WhatsApp » WhatsApp : (21) 97964-5993
» Sexo » Sexo : Masculino
» Mensagens » Mensagens : 1102
» Data de Inscrição » Data de Inscrição : 22/10/2015
» Idade » Idade : 22
» Frase » Frase : dizem que eu sou bastardo do rap, e eu sou mesmo tipo Jon Snow.

Voltar ao Topo Ir em baixo

Em Curso Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES

Mensagem por Victor_SaydeN em Sex Nov 04, 2016 12:13 am

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


avatar
Victor_SaydeN
⇨ Moderador Aprendiz
⇨ Moderador Aprendiz

» Sexo » Sexo : Masculino
» Mensagens » Mensagens : 508
» Data de Inscrição » Data de Inscrição : 29/02/2016
» Idade » Idade : 17
» Frase » Frase : Faça o que eu digo, não faça o que eu faço.

http://www.npsamp.com.br

Voltar ao Topo Ir em baixo

Em Curso Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES

Mensagem por Lucas_Simoes em Sex Nov 04, 2016 1:54 am

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


avatar
Lucas_Simoes
⇨ Owner do Fórum
⇨ Owner do Fórum

» Mensagens » Mensagens : 357
» Data de Inscrição » Data de Inscrição : 21/01/2015

Voltar ao Topo Ir em baixo

Em Curso Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES

Mensagem por Akuma_FighteR em Sex Nov 04, 2016 8:40 am

Dahora mais no momento não vou usar isso .


EX - Administrador 20/03/16 até 25/05/16
Membro Familia FighteR
Family FighteR <3:
 
Ryu Safadenha:
P.C.C - Capanga [ C4 ]
NP Desde 02/05/2015 @Reserved
avatar
Akuma_FighteR
⇨ Moderador do Fórum
⇨ Moderador do Fórum

» Organização » Organização : Mayans
» WhatsApp » WhatsApp : 21 987054813
» Sexo » Sexo : Masculino
» Mensagens » Mensagens : 1215
» Data de Inscrição » Data de Inscrição : 30/09/2015
» Idade » Idade : 15
» Frase » Frase : "Não Se ganha a Guerra com Gentileza , Se Ganha a Guerra com coragem !"

Voltar ao Topo Ir em baixo

Em Curso Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES

Mensagem por Kauan_DoubleG em Sex Nov 04, 2016 5:22 pm

Isso ajuda muito parabéns pelo tutorial


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










avatar
Kauan_DoubleG
⇨ Membro Aprendiz
⇨ Membro Aprendiz

» Organização » Organização : ROCAM
» WhatsApp » WhatsApp : (21)985652605
» Sexo » Sexo : Masculino
» Mensagens » Mensagens : 46
» Data de Inscrição » Data de Inscrição : 24/08/2016
» Idade » Idade : 15
» Frase » Frase : Se Deus é por nós quem será contra nós

Voltar ao Topo Ir em baixo

Em Curso Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES

Mensagem por Victor_SaydeN em Sab Nov 05, 2016 5:24 am

@Akuma_FighteR escreveu:Dahora mais no momento não vou usar isso .
Você não vai usar, você já está usando Smile


avatar
Victor_SaydeN
⇨ Moderador Aprendiz
⇨ Moderador Aprendiz

» Sexo » Sexo : Masculino
» Mensagens » Mensagens : 508
» Data de Inscrição » Data de Inscrição : 29/02/2016
» Idade » Idade : 17
» Frase » Frase : Faça o que eu digo, não faça o que eu faço.

http://www.npsamp.com.br

Voltar ao Topo Ir em baixo

Em Curso Re: [TUTORIAL] RANK EM CSS PARA FÓRUM DE ORGANIZAÇÕES

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

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

- Tópicos similares

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