Tutrix.dedeine Community für wpForo

Teilen:
Benachrichtigungen
Alles löschen

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

6 Beiträge
3 Benutzer
0 Likes
1,907 Ansichten
Garfield
@garfield
Aktives Mitglied Moderator Support Team
Themen: 6
Beiträge: 33
Punkte: 55
Thema gestartet
 

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 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

Anzeige




Tutrix
@tutrix
Aktives Mitglied Administrator Support Team
Themen: 77
Beiträge: 484
Punkte: 802
 

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

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

 
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 Animate On Scroll Library Toggle Funktion

Anzeige




Garfield
@garfield
Aktives Mitglied Moderator Support Team
Themen: 6
Beiträge: 33
Punkte: 55
Thema gestartet
 

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 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

Anzeige




Macky
@macky
Aktives Mitglied Mitglied
Themen: 11
Beiträge: 62
Punkte: 89
 

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

 
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

Anzeige




Macky
@macky
Aktives Mitglied Mitglied
Themen: 11
Beiträge: 62
Punkte: 89
 

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 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

Anzeige




Tutrix
@tutrix
Aktives Mitglied Administrator Support Team
Themen: 77
Beiträge: 484
Punkte: 802
 

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

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

 
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 Animate On Scroll Library Toggle Funktion

Anzeige




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