wpForo: Kategorien ...
 
Benachrichtigungen
Alles löschen

wpForo: Kategorien farblich unterscheiden  

  RSS
Tutrix
@tutrix
Blog und Foren Administrator Admin
Registriert seit
20.01.2020
Beiträge
66
Land
Germany
Wohnort
München
Webseite
Smart Home Technik
Philips Hue
Hue Play Sync Box
2 x Echo + Show 5
Telekom Smart Speaker
Google Nest Hub
Plugs: TP-Link HS110
Logitech Harmony
Logitech Pop Home
HiKam S6 und HiKam Q8
Smart Home Apps
The Home Remote App
The Home Remote Designer
iConnectHue
Harmony® Control
Entertainment
Telekom Media Receiver 401
Apple TV 4
TV: Samsung UE49KS8090
Play Station 4 Pro
Yahama MusicCast RX-A660
2 x Yamaha MusicCast WX-010
Yamaha BD-S671

Wer seine Kategorien auf der Indexseite seines Forums farblich unterschiedlich darstellen möchte kann dies mit CSS umsetzen.

dazu wird über die CSS Klasse des verwendenden Layouts und Position(Reihenfolge) die Hintergrundfarbe angepasst

ich verwende hier nur das Layout 2

der CSS Code für die erste Kategorie wäre somit

#wpforo #wpforo-wrap .wpfl-2:nth-of-type(1) .wpforo-category {
background-color: #ff9900 !important;
}

 der CSS Code für die zweite Kategorie

#wpforo #wpforo-wrap .wpfl-2:nth-of-type(2) .wpforo-category {
background-color: #04B404 !important;
}

 die Farbcodes können natürlich beliebig an euer Forum angepasst werden werden

der CSS Code wird im Forum Dashbaord unter "Einstellungen > Darstellung > eigener CSS Code" eingefügt

hier noch ein kurzes Video wie das bei mir aussehen könnte

das geht natürlich auch mit unterschiedlichen Layouts

Beispiel am wpForo Support Forum

hier würde der komplette Code so aussehen

#wpforo #wpforo-wrap .wpfl-2:nth-of-type(1) .wpforo-category {
background-color: #ff9900 !important;
}
#wpforo #wpforo-wrap .wpfl-1:nth-of-type(2) .wpforo-category {
background-color: #04B404 !important;
}
#wpforo #wpforo-wrap .wpfl-4:nth-of-type(3) .wpforo-category {
background-color: #8904B1 !important;
}
#wpforo #wpforo-wrap .wpfl-1:nth-of-type(4) .wpforo-category {
background-color: #868A08 !important;
}
#wpforo #wpforo-wrap .wpfl-2:nth-of-type(5) .wpforo-category {
background-color: #01DFD7 !important;
}
#wpforo #wpforo-wrap .wpfl-3:nth-of-type(6) .wpforo-category {
background-color: #01DF01 !important;
}

das Ergebnis im folgenden Video

 

huch .. "Alexa", schreibt einen Beitrag

AntwortZitat
Veröffentlicht am : 20.09.2020 11:51
Top Down