Então, agora pelo menos eu consegui resolver isso para mim.
Primeiro, baixe este arquivo:
discourse-misc-html-css (2).zip (2.5 KB)
Se você não tiver certeza de como adicionar esse arquivo ao seu site, consulte primeiro este guia:
Agora, vá até a seção Misc/HTML+CSS e, em seguida, em CSS, você precisará ajustar algumas configurações.
Primeiro, copie esta linha:
&.fivem > .category-list {
&:before {
content: 'FiveM';
}
background-image: url(https://i.imgur.com/1YZTip0.png);
}
Depois, altere o nome que você deseja para o seu banner. No meu exemplo, vou usar “test1”:
&.test1 > .category-list {
&:before {
content: 'test1';
}
background-image: url(https://i.imgur.com/1YZTip0.png);
}
Com isso, você terminou a parte do CSS.
Agora, vá até a seção .
Role para baixo até encontrar:
<script type='text/x-handlebars' data-template-name='components/categories-with-featured-topics'>
E localize a seção chamada:
<div class="category-thing fivem">
Copie o seguinte:
<div class="category-thing fivem">
{{categories-only categories=(filter-fivem categories)
latestTopicOnly=latestTopicOnly
showTopics=true}}
</div>
E altere para as suas configurações. No meu exemplo, usei “test1”:
<div class="category-thing test1">
{{categories-only categories=(filter-test1 categories)
latestTopicOnly=latestTopicOnly
showTopics=true}}
</div>
Em seguida, role até:
<script type='text/x-handlebars' data-template-name='mobile/components/categories-with-featured-topics'>
E encontre:
<div class="category-thing fivem">
{{categories-only categories=(filter-fivem categories)
latestTopicOnly=latestTopicOnly
showTopics=true}}
</div>
Altere para as suas configurações. No meu exemplo, vou mudar de “fivem” para “test1”:
<div class="category-thing test1">
{{categories-only categories=(filter-test1 categories)
latestTopicOnly=latestTopicOnly
showTopics=true}}
</div>
Role um pouco mais para baixo e encontre a seção com o seguinte código:
registerUnbound('filter-core', (categories) => {
return categories.filter(a => !a.slug.match(/^redm-/) && !a.name.match(/^fivem/i) && !a.read_restricted);
});
Aqui, você deve adicionar a flag da categoria que criamos acima. O motivo é evitar categorias duplicadas, como o problema que eu tive aqui:
No meu exemplo, vou adicionar “test1”:
registerUnbound('filter-core', (categories) => {
return categories.filter(a => !a.slug.match(/^redm-/) && !a.name.match(/^test1/i) && !a.name.match(/^fivem/i) && !a.read_restricted);
});
Role para baixo e encontre a seção chamada:
registerUnbound('filter-fivem', (categories) => {
return categories.filter(a => a.name.match(/^fivem/i));
});
Aqui, você deve substituir “fivem” pelo nome que desejar. No meu exemplo, vou adicionar “test1”:
registerUnbound('filter-test1', (categories) => {
return categories.filter(a => a.name.match(/^test1/i));
});
Com isso, você terminou.
Agora, o que você precisa fazer é alterar o Slug da sua Categoria. Aqui está o meu exemplo:
Com isso, essa categoria ficará sob o banner “test1”.
Todas as outras categorias ficarão sob o banner “core CFX.RE” neste exemplo.
A propósito, aqui estão as configurações que estou usando no meu site atualmente:
discourse-misc-html-css.zip (2.5 KB)
Se quiser conferir, aqui está o link:
https://forum.tgacommunity.com/
Além disso, você pode marcar este tópico como resolvido?
Espero que isso tenha ajudado vocês. Se alguém tiver dúvidas, é só perguntar aqui ou por mensagem privada.