Help > Forum > Thèmes et apparence > Spécification des images de catégorie

Spécification des images de catégorie

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 :

  1. Connectez-vous à votre compte Website Toolbox.
  2. Cliquez sur Intégrer lien dans le menu principal.
  3. Cliquez sur HTML lien.
  4. Copiez et collez le code suivant dans Code HTML de la balise d'en-tête du forum zone de texte :
  5. <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>
  6. Obtenir l'identifiant de la catégorie
  7. Copiez et collez le code suivant dans Code HTML de la balise d'en-tête du forum zone de texte :
  8. <style>
    #body-wrapper #forums .panel-body > ul > li.col-xs-12#forum_CategoryID  {
        background-image: url(IMAGE_URL) !important;
    }
    </style>
  9. 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.
  10. Répétez les étapes 6 et 7 pour chaque catégorie si plusieurs catégories doivent avoir leurs propres images.
  11. Enregistrer les paramètres.

Voici un exemple de forum utilisant des images de catégories :


If you still need help, please contact us.