Acrescentar ícones FontAwesome nos subfóruns
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Acrescentar ícones FontAwesome nos subfóruns
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.
Re: Acrescentar ícones FontAwesome nos subfóruns
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
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
Re: Acrescentar ícones FontAwesome nos subfóruns
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.
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.
Re: Acrescentar ícones FontAwesome nos subfóruns
No Painel administrativo Geral Fórum 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:
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;
}
Re: Acrescentar ícones FontAwesome nos subfóruns
Opa, o ícone fico bom, todavia, não ficou centralizado com o nome do tópico segue a imagem:
https://prnt.sc/1excqwo
https://prnt.sc/1excqwo
Re: Acrescentar ícones FontAwesome nos subfóruns
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;
}
Re: Acrescentar ícones FontAwesome nos subfóruns
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
https://prnt.sc/1ey041t
Re: Acrescentar ícones FontAwesome nos subfóruns
É 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
Re: Acrescentar ícones FontAwesome nos subfóruns
Ah, de fato. Muito obrigado, a questão foi resolvida!
Re: Acrescentar ícones FontAwesome nos subfóruns
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Tópicos semelhantes
» Ícones dos subfóruns com FontAwesome
» Dropdown da barra de ferramentas com ícones da fontawesome
» Ícones da FontAwesome na descrição das categorias
» Usar ícones FontAwesome no Chatbox
» Ícones de Subfóruns
» Dropdown da barra de ferramentas com ícones da fontawesome
» Ícones da FontAwesome na descrição das categorias
» Usar ícones FontAwesome no Chatbox
» Ícones de Subfóruns
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos