Ícone FontAwesome antes do nome

3 participantes

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

Tópico resolvido Ícone FontAwesome antes do nome

Mensagem por Victor Monteiro 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 10

Masculino
Membro desde : 14/07/2018
Mensagens : 272
Pontos : 421

http://derby-family.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Ícone FontAwesome antes do nome

Mensagem por pedxz 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
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7148
Pontos : 8381

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone FontAwesome antes do nome

Mensagem por Victor Monteiro 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 10

Masculino
Membro desde : 14/07/2018
Mensagens : 272
Pontos : 421

http://derby-family.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Ícone FontAwesome antes do nome

Mensagem por pedxz 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
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7148
Pontos : 8381

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone FontAwesome antes do nome

Mensagem por Victor Monteiro 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 10

Masculino
Membro desde : 14/07/2018
Mensagens : 272
Pontos : 421

http://derby-family.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Ícone FontAwesome antes do nome

Mensagem por pedxz 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
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7148
Pontos : 8381

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone FontAwesome antes do nome

Mensagem por Victor Monteiro 07.11.18 15:05

pode fechar
Victor Monteiro

Victor Monteiro
Nível 10

Masculino
Membro desde : 14/07/2018
Mensagens : 272
Pontos : 421

http://derby-family.forumeiros.com/

Ir para o topo Ir para baixo

Ex-Admineiro

Tópico resolvido Re: Ícone FontAwesome antes do nome

Mensagem por RafaelS. 07.11.18 15:38

Tópico resolvido


Movido para "Questões resolvidas".
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

http://techmais.forumeiros.com/

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