Ícone FontAwesome antes do nome

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

Atendido / Resolvido Ícone FontAwesome antes do nome

Mensagem por Victor Monteiro em 07.11.18 1:02

Detalhes da questão


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

Descrição


Ícone FontAwesome antes do nome Tyes10
como adiciono icones como esse na frente dos icones...
Victor Monteiro

Victor Monteiro
Nível 9

Masculino
Inscrito dia : 14/07/2018
Mensagens : 220
Pontos Ativos : 343

Ver perfil do usuário http://derby-family.forumeiros.com/

Atendido / Resolvido Re: Ícone FontAwesome antes do nome

Mensagem por Pedxz em 07.11.18 7:04

Olá @Victor Monteiro,
Leia este tópico: Questão Resolvida .
Qualquer dúvida relate neste tópico!


Cordialmente,
pedxz.
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2666
Pontos Ativos : 3373

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Ícone FontAwesome antes do nome

Mensagem por Victor Monteiro em 07.11.18 11:29

Fiz, o tutorial la (editei o template e add o codigo na folha), não resultou.
Victor Monteiro

Victor Monteiro
Nível 9

Masculino
Inscrito dia : 14/07/2018
Mensagens : 220
Pontos Ativos : 343

Ver perfil do usuário http://derby-family.forumeiros.com/

Atendido / Resolvido Re: Ícone FontAwesome antes do nome

Mensagem por Pedxz em 07.11.18 13:36

Use este código:
Código:
.gensmall[style*="COR"]::before,
.block .gensmall > [style*="COR"]::before,
[style="color:#COR"] strong::before {
  content: '\f085';
  font-family: 'fontawesome';
}
Onde está COR, ponha a cor corresponde ao grupo, vamos exemplificar o grupo Fundadores, usa a cor #8455C2, logo usaremos algum assim:
Código:
.gensmall[style*="8455C2"]::before,
.block .gensmall > [style*="8455C2"]::before,
[style="color:#8455C2"] strong::before {
  content: '\f085';
  font-family: 'fontawesome';
}
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2666
Pontos Ativos : 3373

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Ícone FontAwesome antes do nome

Mensagem por Victor Monteiro em 07.11.18 14:09

deu certo, so quero afastar um pouco o icone do nick e como troca o icone?
Victor Monteiro

Victor Monteiro
Nível 9

Masculino
Inscrito dia : 14/07/2018
Mensagens : 220
Pontos Ativos : 343

Ver perfil do usuário http://derby-family.forumeiros.com/

Atendido / Resolvido Re: Ícone FontAwesome antes do nome

Mensagem por Pedxz em 07.11.18 14:42

Encontre '\f085'; e dê um espaço '\f085 ';
https://fontawesome.com/cheatsheet entre aqui e copie o código de um dos ícones não se esqueça não remova o \
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2666
Pontos Ativos : 3373

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Ícone FontAwesome antes do nome

Mensagem por Victor Monteiro em 07.11.18 15:05

pode fechar
Victor Monteiro

Victor Monteiro
Nível 9

Masculino
Inscrito dia : 14/07/2018
Mensagens : 220
Pontos Ativos : 343

Ver perfil do usuário http://derby-family.forumeiros.com/

Atendido / Resolvido Re: Ícone FontAwesome antes do nome

Mensagem por RafaelS. em 07.11.18 15:38

Tópico resolvido


Movido para "Questões resolvidas".




Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Seta Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Seta Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Seta Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"Suba na vida, mas não faça de seus amigos os degraus de sua escada, vença pela sua capacidade sempre com Honestidade,Caráter e Amor!"

Ícone FontAwesome antes do nome 2169
Ícone FontAwesome antes do nome 15074
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4674
Pontos Ativos : 5730

Ver perfil do usuário http://techmais.forumeiros.com/

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


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