Les images pour les vignettes de catégories ne sont actuellement prises en charge que dans les thèmes Playtime et Activity Feed. Veuillez suivre les instructions ci-dessous pour attribuer des images aux vignettes de catégorie si vous utilisez le thème Playtime ou Activity Feed :
- Connectez-vous à votre compte Website Toolbox.
- Cliquez sur Intégrer lien dans le menu principal.
- Cliquez sur Code personnalisé lien.
- Copiez et collez le code suivant dans Code HTML de la balise d'en-tête du forum zone de texte :
- Obtenir l'identifiant de la catégorie
- Copiez et collez le code suivant dans Code HTML de la balise d'en-tête du forum zone de texte :
- Remplacer ID de catégorie avec l'identifiant récupéré à l'étape 5 et URL_IMAGE avec une URL d'image valide dans le code ci-dessus.
- Répétez les étapes 6 et 7 pour chaque catégorie si plusieurs catégories doivent avoir leurs propres images.
- Enregistrer les paramètres.
<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>
Voici un exemple de forum utilisant des images de catégories :