Help > Forum > Designs und Erscheinungsbild > Kategoriebilder angeben
Kategoriebilder angeben
Bilder für Kategoriekacheln werden derzeit nur in den Themen Playtime und Activity Feed unterstützt. Wenn du das Playtime- oder Activity Feed-Design verwendest, befolge bitte die nachstehenden Anweisungen, um Bilder für Kategorien-Kacheln zuzuweisen:
- Loggen Sie sich in Ihr Website Toolbox-Konto ein.
- Klicken Sie auf Integrieren Link im Hauptmenü.
- Klicken Sie auf HTML Link.
- Kopieren Sie den folgenden Code und fügen Sie ihn in das HTML-Code für Forenüberschrift Textfeld:
- Holen Sie sich die ID der Kategorie
- Kopieren Sie den folgenden Code und fügen Sie ihn in das HTML-Code für Forenüberschrift Textfeld:
- Ersetzen Kategorie-ID mit der in Schritt 5 abgerufenen ID und der BILD-URL mit einer gültigen Bild-URL im obigen Code.
- Wiederholen Sie die Schritte 6 und 7 für jede Kategorie, wenn mehrere Kategorien ihre eigenen Bilder benötigen.
- Speichern die Einstellungen.
<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>
Hier ist ein Beispiel für ein Forum, das Kategoriebilder verwendet:
If you still need help, please contact us.