Rank em CSS

3 participantes

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

Tópico resolvido Rank em CSS

Mensagem por kincy 09.06.17 4:20

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.

Rank em CSS 610

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

kincy
**

Masculino
Membro desde : 24/06/2010
Mensagens : 71
Pontos : 125

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

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

Tópico resolvido Re: Rank em CSS

Mensagem por Shek 09.06.17 13:46

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

Shek
Principal Contribuidor
Principal Contribuidor

Masculino
Membro desde : 11/04/2009
Mensagens : 18743
Pontos : 22599

Ver perfil do usuário https://publipos.net https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Rank em CSS

Mensagem por kincy 10.06.17 15:33

Muito obrigado Shek! Ficou perfeito.
kincy

kincy
**

Masculino
Membro desde : 24/06/2010
Mensagens : 71
Pontos : 125

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

Ir para o topo Ir para baixo

Membro Proficiente
  • 0

Tópico resolvido Re: Rank em CSS

Mensagem por Luiz 10.06.17 15:38

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

Luiz
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

Ver perfil do usuário https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos