Modificar ícones do fórum para fontAWESOME

[Gladiet]

Detalhes da questão

Endereço do fórum: https://tavernadomestre.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Boa tarde! Gostaria da ajuda de vocês na realização de um código para que eu substitua os ícones do fórum para os do FA.

Por exemplo: Eu quero trocar o ícone do fórum, irei ate as imagens no painel de controle e ao invés de colocar o link da imagem, eu iria colocar um código que puxasse um determinado ícone do FontAWESOME. Isso é possível?

Se sim gostaria da ajuda de vocês para descobrir tal código. Grato desder já.

[Sleep]

Olá @Gladiet,

Recomendo ver este Tutorial: [TUTORIAL] Instalação do Font Awesome no fórum

Atenciosamente,
Sleep

[Gladiet]

Olá Sleep. O mesmo já está instalado em meu fórum. Gostaria apenas de saber como puxar o ícone através de um código pra isso. Por exemplo, já vi pessoas colocando imagem no título de um rank apenas colocando um código no campo, quero exatamente isso só que com o ícone.

Olá @Gladiet,

Recomendo ver este Tutorial: [TUTORIAL] Instalação do Font Awesome no fórum

Atenciosamente,
Sleep

[Sleep]

Olá @Gladiet,

No Titulo, o código usado é:

Código:

<em class="fa fa-ICONDESCRITION desc-icon"></em> TÍTULO

ICONDESCRITION: onde deve procurar no guia de icons.
TÍTULO: é o título.

para colocar antes dos grupos:

Pode seguir este Tutorial: [TUTORIAL] Adicionar ícones antes do grupo

Atenciosamente,
Sleep

[Gladiet]

Não resultou Sleep, eu preciso de um código que eu possa usar no campo destacado na imagem abaixo:

https://i.imgur.com/cLsMr3o.png

Ai ao invés de aparecer a imagem de categoria, apareceria algum ícone do FA.

É possível?

Olá @Gladiet,

No Titulo, o código usado é:

Código:

<em class="fa fa-ICONDESCRITION desc-icon"></em> TÍTULO

ICONDESCRITION: onde deve procurar no guia de icons.
TÍTULO: é o título.

para colocar antes dos grupos:

Pode seguir este Tutorial: [TUTORIAL] Adicionar ícones antes do grupo

Atenciosamente,
Sleep

[Sleep]

Olá @Gladiet,

Por favor verifique este tópico: Questão Resolvida.

Atenciosamente,
Sleep

[Gladiet]

Oi Sleep. Fiz conforme o tópico porém o ícone ficou na descrição e não no fórum. Segue a imagem:

https://i.imgur.com/e3WwyWF.png

Olá @Gladiet,

Por favor verifique este tópico: Questão Resolvida.

Atenciosamente,
Sleep

[Sleep]

Olá @Gladiet,

Substitua o CSS do primeiro código por este e vá personalizando até ficar ao seu gosto!

Código:

.desc-img {
    font-family: "FontAwesome";
    font-size: 40px !important;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid green !important;
    color: green;
}

Agora, basta colocar este código no início da descrição de cada sub-fórum:

Código:

<em class="fa fa-ÍCONE desc-img"></em>

Exemplo:
http://prntscr.com/rx1y7k

Atenciosamente,
Sleep

[Gladiet]

Irei fazer isso Sleep. Obrigado!

Olá @Gladiet,

Substitua o CSS do primeiro código por este e vá personalizando até ficar ao seu gosto!

Código:

.desc-img {
    font-family: "FontAwesome";
    font-size: 40px !important;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid green !important;
    color: green;
}

Agora, basta colocar este código no início da descrição de cada sub-fórum:

Código:

<em class="fa fa-ÍCONE desc-img"></em>

Exemplo:
http://prntscr.com/rx1y7k

Atenciosamente,
Sleep

[Chagas]

Tópico resolvido Movido para "Questões resolvidas".