Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Ketholy
 
Gaaratsu
 
Shek
 
Fou-Lu
 
paulim78
 
Eduardo Lima
 
while
 
brunopro
 
Jeckwilke
 
LucasPofahl
 

Quem está conectado
269 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 263 Visitantes :: 3 Motores de busca

BrunoLemos, Froozen, GusttaXD, Lemon~, MateusAnjosV, Thiago

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Rank em CSS

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

Resolvido Rank em CSS

Mensagem por kincy em 09/06/17, 12:20 am

Detalhes da questão


Endereço do fórum: http://newlifehorizon.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá pessoal, existe um fórum em que admiro bastante, notei que eles utilizam um código para mostrar o rank dos membros, como no exemplo abaixo, retirado do próprio fórum deles e que é criado aqui na plataforma Forumeiros.



Agradeço dês de já a ajuda de todos.
avatar

kincy
Nível 6

Masculino
Inscrito dia : 24/06/2010
Mensagens : 71
Pontos Ativos : 125

Ver perfil do usuário http://www.propixelforum.com
  • 0

Resolvido Re: Rank em CSS

Mensagem por Shek em 09/06/17, 09:46 am

Bom dia!

São criativos... Isso até é obra de um tutorial futuro que podemos fazer! É fácil dizer como fizeram. Sem acessar este fórum, já imagino que usaram o tutorial FontAwesome, e depois, usando a possibilidade de colocar atributo CLASS nos ranks, personalizaram com CSS. Provavelmente, seria isso:
Código:
span.rankAdmin {
   padding: 10px;
    background: rgba(191, 41, 33, 0.57);
    border-radius: 3px;
}
No título do rank do administrador, ele coloca, por exemplo:
Código:
<span class="rankAdmin"><i class="fa fa-users"></i> Admin</span>
Bem legal o efeito.

Até mais.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17015
Pontos Ativos : 21314

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Rank em CSS

Mensagem por kincy em 10/06/17, 11:33 am

Muito obrigado Shek! Ficou perfeito.
avatar

kincy
Nível 6

Masculino
Inscrito dia : 24/06/2010
Mensagens : 71
Pontos Ativos : 125

Ver perfil do usuário http://www.propixelforum.com
  • 0

Resolvido Re: Rank em CSS

Mensagem por Luiz em 10/06/17, 11:38 am

@kincy, se você quiser usar, recentemente eu fiz um gerador de ranks, como este mesmo:
-> https://lffg.github.io/rank-generator/

Fique à vontade para usar! ^-^

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

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