Tutrix.dedeine Community für wpForoinoffizieller deutscher wpForo Support

wpForo: Kategorien ...
 
Teilen:
Benachrichtigungen
Alles löschen

V 1: Tipps und Tricks wpForo: Kategorien farblich unterscheiden

1 Beiträge
1 Benutzer
0 Likes
803 Ansichten
Tutrix
@tutrix
Aktives Mitglied Administrator Support Team
Themen: 77
Beiträge: 482
Punkte: 799
Thema gestartet
 

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

Titel: wpForo Kategorie Farben

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

Titel: wpForo Kategorie Farben 2

 

Ich arbeite mit diesen Programmen sowie Plattformen für Softwareentwickler

Für den Fall, dass du dich bedanken und die Community unterstützen möchtest Buy me a coffee

 
Beitrag veröffentlicht am : 20.09.2020 11:51
Profil-Infos von Tutrix
Registriert seit: 20.01.2020 Webseite: https://www.tutrix.de Land: Germany Stadt: München
Installierte Erweiterungen:   wpForo Addons | Wordpress Addons | Scripte
wpForo Topic Prefix & Tags Manager wpForo Ads Manager wpForo User Custom Fields wpForo Private Messages wpForo Emoticons wpForo Advanced Attachments wpForo Embeds wpForo Syntax Highlighter wpForo User Mentioning WP-UserOnline Wise Chat Pro CleanTalk AntiSpam Code Snippets CM Glossary Tooltip Animate On Scroll Library Toggle Funktion

Anzeige




Teilen:
wpForo theme made with love a lot of time and coffee by Tutrix