Í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


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

Victor Monteiro
Nível 10

Masculino
Inscrito dia : 14/07/2018
Mensagens : 272
Pontos ativos : 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.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6420
Pontos ativos : 7579

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
Inscrito dia : 14/07/2018
Mensagens : 272
Pontos ativos : 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';
}


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6420
Pontos ativos : 7579

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
Inscrito dia : 14/07/2018
Mensagens : 272
Pontos ativos : 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 \


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6420
Pontos ativos : 7579

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
Inscrito dia : 14/07/2018
Mensagens : 272
Pontos ativos : 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
Inscrito dia : 26/04/2014
Mensagens : 5748
Pontos ativos : 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


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