Ícones da FontAwesome na descrição das categorias

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

Atendido / Resolvido Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 15:47

Detalhes da questão


Endereço do fórum: http://Etcetera.forumotion.com
Versão do fórum: phpBB3

Descrição


íconOlá, como adicionar o ícone do fórum com fonte awersome? meu fórum é phpbb3. aqui você vê o exemplo do ícone do fórum abaixo
Ícones da FontAwesome na descrição das categorias 20190410
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 15:56

Olá,
Adicione este código ao seu CSS:

Código:
.forum-description [class^="fa fa-"] {
    font-family: "FontAwesome";
    font-size: 40px !important; /* TAMANHO */
    color: green; /* COR EM HEXADECIMAL / INGLÊS */
}
Nota: Para personalizar o código, leia as anotações dentro do código!

Depois, adicione este código na descrição das categorias:
Código:
<em class="fa fa-ícone"></em>
Mude ícone pelo respetivo ícone da FontAwesome!
Cordialmente,
Roger123
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 16:00

Olá, acabei de adicionar código css para ele, mas não está funcionando. Alguma outra idéia ou truques?
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 16:02

Roger123 escreveu:
Depois, adicione este código na descrição das categorias:
Código:
<em class="fa fa-ícone"></em>
Mude ícone pelo respetivo ícone da FontAwesome!
Seguiu este passo? O código funciona perfeitamente!
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 16:19

Eu adicionei os dois códigos, mas ainda não está funcionando. o que você quis ler para anotar e alterar o ícone com fontawersome? Você poderia me explicar claramente?
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 16:25

1 seta1 Troque o código css por este:
Código:

        .forum-description [class^="fa fa-"], .forum-description [class^="fab fa-"], .forum-description [class^="fas fa-"]  {
            font-family: "Font Awesome 5 Free";
            font-size: 40px !important; /* TAMANHO */
            color: green; /* COR EM HEXADECIMAL / INGLÊS */
        }
2 seta1 Para adicionar os ícones, adicione este código em Painel de Controle Seta Geral Seta Fórum Seta Categorias e fóruns Seta Selecione um fórum Seta Editar Seta Descrição:
Código:
<em class="fa fa-icone"></em>
fa-icone corresponde ao ícone da FontAwesome pretendido! Se fosse o ícone check ficaria fa fa-check! Ou seja, troque icone pelo ícone da FontAwesome que quiser.

Cordialmente,
Roger123
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 16:59

Olá, está mostrando resultado diferente. por favor verifique o fórum agora
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 17:11

Não se importa de colocar uma breve descrição numa categoria, para eu puder testar?
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 17:27

Olá, posso enviar uma conta de teste para verificar, por favor? ícones estão funcionando bem, mas ele está trabalhando em um lugar errado
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Roevs 01.04.19 17:34

Olá,

Adiciona esse código na sua Folha de estilo CSS

Código:
em.fa.fa-pen {
    position: absolute;
    margin-left: -33px;
}
em.fa.fa-bullhorn {
    position: absolute;
    margin-left: -33px;
}
em.fa.fa-info {
    position: absolute;
    margin-left: -33px;
}
em.fa.fa-users {
    position: absolute;
    margin-left: -33px;
}
.fa, .far, .fas {
    font-size: 40px;
}

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6473
Pontos ativos : 8301

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 17:45

Olá, mas os ícones são muito pequenos. Eu quero torná-lo mais grande. Também quero mudar a cor dos ícones. Eu quero ícones de cor azul como acima sreenshot em vez de ícones pretos
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Roevs 01.04.19 17:51

Olá,

Altere o código que passei por esse

Código:
em.fa.fa-pen {
    margin-left: -39px;
    position: absolute;
    margin-top: -12px;
}

em.fa.fa-pen {
    margin-left: -39px;
    position: absolute;
    margin-top: -12px;
}
em.fa.fa-bullhorn {
    margin-left: -39px;
    position: absolute;
    margin-top: -12px;
}
em.fa.fa-info {
    margin-left: -39px;
    position: absolute;
    margin-top: -12px;
}
em.fa.fa-users {
    margin-left: -39px;
    position: absolute;
    margin-top: -12px;
}
.fa, .far, .fas {
    font-size: 31px;
    color: #166a94;
}

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6473
Pontos ativos : 8301

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 18:02

mas ainda é muito pequeno. precisa torná-lo mais grande. eu coloquei tamanho da fonte: 100px; mas ainda não há mudança nos ícones
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Roevs 01.04.19 18:11

Olá,

Substitua o código por esse

Código:
em.fa.fa-pen {
    margin-left: -46px;
    position: absolute;
    margin-top: -12px;
}
 
em.fa.fa-pen {
    margin-left: -46px;
    position: absolute;
    margin-top: -12px;
}
em.fa.fa-bullhorn {
    margin-left: -46px;
    position: absolute;
    margin-top: -12px;
}
em.fa.fa-info {
    margin-left: -46px;
    position: absolute;
    margin-top: -12px;
}
em.fa.fa-users {
    margin-left: -46px;
    position: absolute;
    margin-top: -12px;
}
.fa, .far, .fas {
    color: #166a94;
    font-size: 41px!important;
}

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6473
Pontos ativos : 8301

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 18:56

agora verifique o fórum. por favor
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 01.04.19 18:57

Qual é o problema encontrado?
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Convidado 02.04.19 13:04

resolvido e por favor arquivar
Anonymous

Convidado
Convidado


Atendido / Resolvido Re: Ícones da FontAwesome na descrição das categorias

Mensagem por Roevs 02.04.19 13:48

Questão resolvida

Esta questão foi dada como resolvida pelo seu autor, e por esse motivo será marcada como resolvida e movida para o arquivo de questões resolvidas desta área.
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6473
Pontos ativos : 8301

https://www.sololevelingrpg.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