Adicionar FontAwesome nas classes dd.topics e dd.posts

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

Atendido / Resolvido Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Starset em 31/08/18, 06:04 pm

Detalhes da questão


Endereço do fórum: http://bloodofvalyria.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Pessoal, é o seguinte: quero colocar uns ícones de Font Awesome nas descrições de seus foruns. Até sei como fazer isso utilizando do ":after" no CSS, porém desta forma eu não consigo utilizar o Font Awesome, apenas emojis.

Gostaria de saber como fazer tal mudança.

Deixo aqui o print com a marcação do que quero mudar:



Como também o print de um modelo:



Com também, o link do forum em que vi: http://whispersinthedark.forosactivos.net/

E o CSS com a inclusão do 'emoji' que já utilizado:

Código:
.forabg li.row dd.posts:before {
content: "⚔️";
padding-right: 15px;
font: 9px Montserrat;
text-transform: uppercase;
text-align: center;
color: #2b2a2a;
}

Aguardo a ajuda, desde já grato.
avatar

Starset
Nível 9

Masculino
Inscrito dia : 02/03/2017
Mensagens : 164
Pontos Ativos : 230

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

Atendido / Resolvido Re: Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Fraise em 31/08/18, 06:11 pm

Olá @Starset,

Antes de tudo, proceda à instalação da Font Awesome:
Seta https://ajuda.forumeiros.com/t103208-

Nos deixe saber quando tiver a fonte instalada.

Até mais,
Fraise.


Bem-vindo 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 clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5932
Pontos Ativos : 7511

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Starset em 31/08/18, 06:14 pm

Já se encontra instalada!
avatar

Starset
Nível 9

Masculino
Inscrito dia : 02/03/2017
Mensagens : 164
Pontos Ativos : 230

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

Atendido / Resolvido Re: Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Fraise em 31/08/18, 06:19 pm

Certo.
Utilize este CSS:
Código:
.forabg li.row dd.topics:before {
    content: ' \f66d';
    font-family: 'FontAwesome';
}

No content é o "código" encontrado em cada ícone na página: https://fontawesome.com/icons - é o ícone marcado a vermelho neste screenshot: http://prntscr.com/kp8t10

Até mais,
Fraise.


Bem-vindo 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 clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5932
Pontos Ativos : 7511

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Atendido / Resolvido Re: Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Starset em 31/08/18, 06:26 pm

Funcionou! Pode fechar o tópico!
avatar

Starset
Nível 9

Masculino
Inscrito dia : 02/03/2017
Mensagens : 164
Pontos Ativos : 230

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

Atendido / Resolvido Re: Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Fraise em 31/08/18, 06:28 pm

Tópico resolvido


Movido para "Questões resolvidas".


Bem-vindo 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 clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5932
Pontos Ativos : 7511

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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