Rank em CSS

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.

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.

Muito obrigado Shek! Ficou perfeito.

@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! ^-^