Adicionar FontAwesome nas classes dd.topics e dd.posts

2 participantes

Ir para baixo

Tópico resolvido Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Starset 31.08.18 22:04

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:

Adicionar FontAwesome nas classes dd.topics e dd.posts Nh8Ifli

Como também o print de um modelo:

Adicionar FontAwesome nas classes dd.topics e dd.posts Sj2bCpL

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.
Starset
Starset
****

Membro desde : 02/03/2017
Mensagens : 265
Pontos : 378

http://neworleansoriginals.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Fraise 31.08.18 22:11

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.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Starset 31.08.18 22:14

Já se encontra instalada!
Starset
Starset
****

Membro desde : 02/03/2017
Mensagens : 265
Pontos : 378

http://neworleansoriginals.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Fraise 31.08.18 22:19

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.
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Starset 31.08.18 22:26

Funcionou! Pode fechar o tópico!
Starset
Starset
****

Membro desde : 02/03/2017
Mensagens : 265
Pontos : 378

http://neworleansoriginals.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar FontAwesome nas classes dd.topics e dd.posts

Mensagem por Fraise 31.08.18 22:28

Tópico resolvido


Movido para "Questões resolvidas".
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos