Tutrix.dedeine Community für wpForoinoffizieller deutscher wpForo Support

Teilen:
Benachrichtigungen
Alles löschen

Buy me a Coffee

V 1: Theme | Design anpassen [Gelöst] Eigene Icons für jedes Forum

6 Beiträge
3 Benutzer
0 Likes
1,844 Ansichten
Garfield
@garfield
Aktives Mitglied Moderator Support Team
Themen: 6
Beiträge: 32
Punkte: 53
Thema gestartet
 
Loading spinner

Hallo @tutrix Tutrix

hab dein Forum gerade über deine Signatur im wpForo Support Forum gefunden Wink  

Du hast das Forum ja ganz schön an deinen Blog angepasst. Grinning  

Was mir besonders gefällt sind die Icons für jedes Forum, wie bekommt man das hin?

Hab dazu keine Einstellung gefunden, man kann ja nur diese "Font Awesome" Icons auswählen oder?

Gib deine Träume nicht auf - schlafe weiter!
Zuerst schließen wir die Augen, dann sehen wir weiter.

 
Beitrag 1 (Seite 1) von gesamt 6 Beiträgen
Beitrag veröffentlicht am : 26.04.2020 10:45
Profil-Infos von Garfield
Registriert seit: 26.04.2020 Webseite: Land: Germany Stadt: Hamburg
Installierte Erweiterungen:   wpForo Addons | Wordpress Addons | Scripte
wpForo User Custom Fields wpForo Private Messages Wise Chat Pro Toggle Funktion
Themen Schlagwörter
Tutrix
@tutrix
Aktives Mitglied Administrator Support Team
Themen: 77
Beiträge: 474
Punkte: 784
 
Loading spinner

Hallo @garfield Garfield

da muss ich ja gleich mal die Lasagne verstecken bevor sie weg ist Eat  

das mit den Icons ist relativ einfach

das Foren-Icon wird über css als Hintergrund definiert

statt der Bezeichnung für das Font-Icon, den Namen für die CSS Class eingeben

als Beispiel mal das für Alexa

also "alexa" ohne die (")

Titel: foren icon 3

jetzt hast du alexa als CSS Class

sieht im Quelltext dann z.B. so aus

Titel: foren icon 1

somit kannst du nun über CSS den Hintergrund definieren

Titel: foren icon 2

für die Icons am besten einen eigenen Ordner anlegen z.B. "foren-icons" und den in den uploads Ordner einfügen

der Pfad zu den Icons wäre somit

für das Alexa Icon sieht das bei mir dann so aus

da das Icon eine Höhe sowie Breite bei mir von 70px hat ist der komplette Code

und ein weiterer Code für die Kennzeichnung wenn ungelesene Beiträge vorhanden sind

für das Alexa Beispiel oben, sind es bei mir diese beiden Icons

keine neuen Beiträge

Titel: alexa

 und neue, ungelesene Beiträge

Titel: alexa unread

so kannst du für jedes Forum ein eigenes Icon definieren und den Code in den

Foreneinstellungen > Darstellung > Benutzerdefinierter CSS Code:

einfügen

Ich arbeite mit diesen Programmen sowie Plattformen für Softwareentwickler

 
Beitrag 2 (Seite 1) von gesamt 6 Beiträgen
Beitrag veröffentlicht am : 26.04.2020 12:23
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
Garfield
@garfield
Aktives Mitglied Moderator Support Team
Themen: 6
Beiträge: 32
Punkte: 53
Thema gestartet
 
Loading spinner

Hi, danke für die ausführliche Anleitung, klappt prima 

werde mich sicher nochmal hier melden wegen anderer Anpassungen, aber muss mich jetzt erst mal generell mit dem wpForo auseinandersetzen Wink  

Gib deine Träume nicht auf - schlafe weiter!
Zuerst schließen wir die Augen, dann sehen wir weiter.

 
Beitrag 3 (Seite 1) von gesamt 6 Beiträgen
Beitrag veröffentlicht am : 26.04.2020 14:24
Profil-Infos von Garfield
Registriert seit: 26.04.2020 Webseite: Land: Germany Stadt: Hamburg
Installierte Erweiterungen:   wpForo Addons | Wordpress Addons | Scripte
wpForo User Custom Fields wpForo Private Messages Wise Chat Pro Toggle Funktion
Macky
@macky
Aktives Mitglied Mitglied
Themen: 11
Beiträge: 62
Punkte: 89
 
Loading spinner

Im going to try this tomorrow!! Maybe lol. Thanks for the guide mate

 
Beitrag 4 (Seite 1) von gesamt 6 Beiträgen
Beitrag veröffentlicht am : 01.06.2020 01:52
Profil-Infos von Macky
Registriert seit: 01.06.2020 Webseite: https://percysgrowroom.com Land: United Kingdom Stadt:
Installierte Erweiterungen:   wpForo Addons | Wordpress Addons | Scripte
Macky
@macky
Aktives Mitglied Mitglied
Themen: 11
Beiträge: 62
Punkte: 89
 
Loading spinner

Hallo, ich habe dies mit meiner Site gemacht, aber die Bilder werden nicht kleiner, wenn die Seite dies tut und sie können den Text überlappen. Wie kann ich das beheben?

 
Beitrag 5 (Seite 1) von gesamt 6 Beiträgen
Beitrag veröffentlicht am : 13.10.2021 02:22
Profil-Infos von Macky
Registriert seit: 01.06.2020 Webseite: https://percysgrowroom.com Land: United Kingdom Stadt:
Installierte Erweiterungen:   wpForo Addons | Wordpress Addons | Scripte
Tutrix
@tutrix
Aktives Mitglied Administrator Support Team
Themen: 77
Beiträge: 474
Punkte: 784
 
Loading spinner

wenn die Icons kleiner werden sollen, darfst du keine feste Größe angeben

versuche es mal so

 

 

Ich arbeite mit diesen Programmen sowie Plattformen für Softwareentwickler

 
Beitrag 6 (Seite 1) von gesamt 6 Beiträgen
Beitrag veröffentlicht am : 13.10.2021 06:11
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

Buy me a Coffee
Teilen:
Über und können Foren, Besucherstatistik, Widgets sowie die Chatbox aus- bzw. wieder eingeblendet werden.
Einstellungen:
wpForo Theme made with and a lot of + by Tutrix
Du findest die wpForo Community hilfreich, dann kannst du unten Sterne vergeben oder einen Kaffee spenden ratingsmilie
5/5 - (13 Bewertungen)