Help > Forum > Temas e Aparência > Especificando imagens da categoria
Especificando imagens da categoria
Atualmente, as imagens para blocos de categorias só são suportadas nos temas Playtime e Activity Feed. Siga as instruções abaixo para atribuir imagens aos blocos de categorias se você estiver usando o tema Playtime ou Activity Feed:
- Faça login na sua conta do Website Toolbox.
- Clique no Integrar link no menu principal.
- Clique no HTML link.
- Copie e cole o código a seguir no Código HTML da tag principal do fórum caixa de texto:
- Obtenha o ID da categoria
- Copie e cole o código a seguir no Código HTML da tag principal do fórum caixa de texto:
- Substituir ID da categoria com o ID recuperado na etapa 5 e o URL_DA_IMAGEM com um URL de imagem válido no código acima.
- Repita as etapas 6 e 7 para cada categoria se várias categorias precisarem ter suas próprias imagens.
- Salvar as configurações.
<style> #body-wrapper #forums .panel-body > ul > li.col-xs-12 { min-height: 350px; border: none !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } #body-wrapper #forums .panel-body > ul > li.col-xs-12 > .columns-wrapper { width: 75%; height: auto; background: rgba(0,0,0,.4); color: #fff; padding: 10px; border-radius: 10px; } #body-wrapper #forums .panel-body > ul > li.col-xs-12 .forum-title, #body-wrapper #forums .panel-body > ul > li.col-xs-12 .forum-title h2 { color: #fff !important; } #body-wrapper #forums .forum_title, #body-wrapper #forums .last-post a, #body-wrapper #forums .last-post > i time, #body-wrapper #forums .forum-count a, #body-wrapper #forums .columns-wrapper > .col-xs-7 > p { color: #fff; opacity: 0.8; } #body-wrapper #forums .panel-body > ul a.username, #body-wrapper #forums .panel-body > ul a.close-row { opacity: 1; } #body-wrapper #forums .columns-wrapper > .col-xs-7 .badge { background: #fff !important; color: #000 !important; } </style>
<style> #body-wrapper #forums .panel-body > ul > li.col-xs-12#forum_CategoryID { background-image: url(IMAGE_URL) !important; } </style>
Aqui está um exemplo de um fórum usando imagens de categorias:

If you still need help, please contact us.