Acrescentar ícones FontAwesome nos subfóruns

4 participantes

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

Tópico resolvido Acrescentar ícones FontAwesome nos subfóruns

Mensagem por luquinhasda10 23.07.21 16:53

Detalhes da questão


Endereço do fórum: http://pcmlet.forumeiros.com
Versão do fórum: AwesomeBB

Descrição


Eu gostaria de acrescentar ícones fontAwesome nos tópcios dos tópicos, portanto, estou com dúvidas de como realizar tal feito.
luquinhasda10

luquinhasda10
Nível 9

Masculino
Membro desde : 04/07/2020
Mensagens : 158
Pontos : 222

https://ajuda.forumeiros.com/register?step=2&agreement=1&

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Acrescentar ícones FontAwesome nos subfóruns

Mensagem por Hancki 23.07.21 18:34

Olá!

Isso é possível, mas possivelmente dará bastante trabalho pois essa fonte tem centenas de ícones - a não ser que escolha apenas alguns.

Podemos utilizar este código e alterar a desejo com recurso a CSS: https://ajuda.forumeiros.com/t110573-tutorial-tags-nos-topicos

O que acha?

Hancki
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 03/10/2009
Mensagens : 8150
Pontos : 12176

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Acrescentar ícones FontAwesome nos subfóruns

Mensagem por luquinhasda10 23.07.21 18:51

Olá, @Hancki
Creio que devo ter explicado de forma errônea, os ícones que eu gostaria iria ficar semelhante a isto:
https://prnt.sc/1eut90p

E sim, irei escolher apenas alguns ícones não irei escolher diversos ícones por conta da fontAwesome ser bastante extensa. Muito feliz
luquinhasda10

luquinhasda10
Nível 9

Masculino
Membro desde : 04/07/2020
Mensagens : 158
Pontos : 222

https://ajuda.forumeiros.com/register?step=2&agreement=1&

Ir para o topo Ir para baixo

Tópico resolvido Re: Acrescentar ícones FontAwesome nos subfóruns

Mensagem por vcapelli 23.07.21 22:04

No Painel administrativo Seta Geral Seta Fórum Seta Categorias e fóruns na descrição do fórum que deseja adicione o ícone FontAwesome que você preferir

Adicione na folha de estilo CSS:
Código:
.forum-description p i, .forum-description p em {
    position: absolute;
    left: -50px;
    top: 5px;
    background-color: #B2B2B2;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    height: 40px;
    width: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
}
vcapelli

vcapelli
Nível 9

Masculino
Membro desde : 17/02/2018
Mensagens : 206
Pontos : 406

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Acrescentar ícones FontAwesome nos subfóruns

Mensagem por luquinhasda10 23.07.21 22:39

Opa, o ícone fico bom, todavia, não ficou centralizado com o nome do tópico segue a imagem:
https://prnt.sc/1excqwo
luquinhasda10

luquinhasda10
Nível 9

Masculino
Membro desde : 04/07/2020
Mensagens : 158
Pontos : 222

https://ajuda.forumeiros.com/register?step=2&agreement=1&

Ir para o topo Ir para baixo

Tópico resolvido Re: Acrescentar ícones FontAwesome nos subfóruns

Mensagem por vcapelli 23.07.21 23:18

Mude o código para esse:

Código:
.forum-description p i, .forum-description p em {
    position: absolute;
    left: -50px;
    top: -10px;
    background-color: #B2B2B2;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    height: 40px;
    width: 40px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.forum-icon {
    display: none;
}
vcapelli

vcapelli
Nível 9

Masculino
Membro desde : 17/02/2018
Mensagens : 206
Pontos : 406

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Acrescentar ícones FontAwesome nos subfóruns

Mensagem por luquinhasda10 23.07.21 23:31

Em questão dos ícones está tudo ok, porém, não sei se é impressão minha ou os tópicos abaixou um pouco e acabou desalinhado.

https://prnt.sc/1ey041t
luquinhasda10

luquinhasda10
Nível 9

Masculino
Membro desde : 04/07/2020
Mensagens : 158
Pontos : 222

https://ajuda.forumeiros.com/register?step=2&agreement=1&

Ir para o topo Ir para baixo

Tópico resolvido Re: Acrescentar ícones FontAwesome nos subfóruns

Mensagem por vcapelli 24.07.21 0:19

É uma impressão sua. Repare na linha azul que demarquei no seu print e no print de um fórum meu, ambas estão alinhadas

Acrescentar ícones FontAwesome nos subfóruns KcxjRoe
Acrescentar ícones FontAwesome nos subfóruns Pcabodr
vcapelli

vcapelli
Nível 9

Masculino
Membro desde : 17/02/2018
Mensagens : 206
Pontos : 406

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Acrescentar ícones FontAwesome nos subfóruns

Mensagem por luquinhasda10 24.07.21 0:57

Ah, de fato. Muito obrigado, a questão foi resolvida!
luquinhasda10

luquinhasda10
Nível 9

Masculino
Membro desde : 04/07/2020
Mensagens : 158
Pontos : 222

https://ajuda.forumeiros.com/register?step=2&agreement=1&

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Acrescentar ícones FontAwesome nos subfóruns

Mensagem por pedxz 24.07.21 8:22

Tópico resolvido


Movido para "Questões resolvidas".
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7155
Pontos : 8389

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