CSS no lugar de IMAGEM no Sub-fórum

[Lincoln]

Detalhes da questão

Endereço do fórum: grandedown.forumeiros.com
Versão do fórum: PunBB

Descrição

Tem esse sistema de CSS no lugar da imagem aqui no FdF, mas aqui é phpbb3, gostaria pro PunBB.

[Shek]

Bom dia!

Leia este tutorial: https://ajuda.forumeiros.com/t103208-topic

[Lincoln]

Bom dia!

Leia este tutorial: https://ajuda.forumeiros.com/t103208-topic

Eu já possuo ícones do Font Awesome em meu fórum, minha dúvida é como por o CSS igual daqui nas imagens de novas mensagens no sub-fórum. Colocar o background e esse Font Awesome em cima, igual do FdF como segue a imagem:

[Shek]

É só procurar no seu template index_box, a variável correspondente a imagem dos fóruns, por exemplo:

Código:

<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

Substitua pelo código do font awesome.

Código:

<i class='fa fa-cogs'></i>

Se preferir, é até bom criar uma div ou span e colocar o ícone por dentro, assim, você poderá personalizá-lo com a cor via CSS.

Código:

<span class='colorCrowleyForums'><i class='fa fa-cogs'></i> </span>

Para personalizar, use o CSS:

Código:

span.colorCrowleyForums {background-color: #fff !important; }

[Lincoln]

Resolvido, obrigado!

[Shek]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".