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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Imagem em determinada área
Hoje à(s) 03:27 pm por Harleen

» Melhorar a aparência desta caixa
Hoje à(s) 03:18 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Hoje à(s) 01:35 pm por Shek

» Efeito no avatar em mensagens no tópico
Hoje à(s) 12:35 pm por Harleen

» Remover permissão
Hoje à(s) 11:22 am por Harleen

» Imagem do topico
Hoje à(s) 11:07 am por Harleen

» Template tópicos recentes
Hoje à(s) 10:45 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Harleen
 
Fatalisss
 
JulioPais
 
Holkis
 
Shek
 
APOllO
 
Forumpw
 
MtX
 
Roger_Crazzy
 

Quem está conectado
238 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 233 Visitantes :: 2 Motores de busca

Angeloid, Connor R., Dark Hunter, Lincoln, Roger_Crazzy

[ 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

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.


ShekAdmineiro - 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 : 16487
Pontos Ativos : 20867

http://www.shiftactif.com 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

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3510
Pontos Ativos : 4207

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