icons-v6
Icons im V6-template anpassen
Im Gegensatz zu den früheren Templates werden die Foren-Icons im V6 nicht als einzelne Grafik-Dateien hochgeladen, sondern in einer eigenen Schriftart verwaltet. Dies bietet viele neue Möglichkeiten - z.B. können Icons bei Bedarf je nach Endgerät und Schriftgröße "mitwachsen", ohne dabei unschön verzerrt zu werden. Auch können Icons z.B. per CSS in der Größe und Farbe angepasst werden.
Ein Liste der Xobor Icon Klassen gibt es hier: https://www.hpm-support.de/wiki:appicons
Das Problem
Will man nun einzelne Foren-Icons austauschen, kann man dazu nicht einfach ein Grafik in der Administration ändern.
Die Lösung
Eine eigene Icon-Schrift.
Theoretisch könnte man sich eine eigene Schriftart erstellen, die die benötigten Icons enthält und diese dann verwenden. Da die Erstellung einer Schriftart vermutlich für viele Admins etwas zu kompliziert ist, werden die Icons von Fontawesome im Forum automatisch mitgeladen. Es ist daher möglich per CSS-Addon jedes Xobor-Icon durch ein Fontawesome Icon zu tauschen.
Ein Beispiel
Auf der Startseite des Forums gibt es die "Einklappen/Ausklappen"-Pfeile bei den Kategorien. Diese sollen durch neue Icons getauscht werden.
Unter https://fontawesome.com/v5.15/icons?d=gallery&p=2&m=free finden sich alle kostenlosen Icons, die im Forum bereits zur Verfügung stehen.
Aus der Liste der Xobor Icons lässt sich erkennen, dass die Icons mit den Klassen "angle-up" und "angle-down" dazu angepasst werden müssen.
1) Zunächst suche ich das neue gewünschte Icon bei FontAwesome
2) In der Detail-Seite des Icons findet sich der "Unicode"-Code für das Icon (in diesem Fall ist das "f107"):
3) Im SCSS-Addon des Forums erstelle ich eine neue CSS-Regel:
1
2
3
4
5
2
3
4
5
.xob.xob-angle-down:before{
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900 !important;
content: '\f107';
}
4) Fertig - statt dem Xobor icon wird nun das von Fontawesome verwendet!
Tipps:
Klassen wiederverwenden
Sollen mehrere Icons durch die Fontawesome Icons getauscht werden kann man das noch etwas abkürzen:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
.fa {
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900 !important;
}
.xob.xob-angle-down:before{
@extend .fa;
content: '\f107';
}
.xob.xob-angle-up:before{
@extend .fa;
content: '\f101';
}
Andere Schriftarten
Es gibt hunderte so genannte "Iconic Fonts", die Icons bereitsstellen. Wir stellen FontAwesome von Haus aus zur Verfügung, es kann aber natürlich jede beliebige Schriftart verwendet werden. Dazu muss lediglich die externe Schrift eingebunden werden. Z.b. könnte man für den obigen "angle-down" auch ein Icon von Ionic verwenden:
Dazu wird zunächst die Schriftart im Head bereich Addon geladen:
1
<link href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />
Und dann entsprechend die Icons im CSS-Addon überschrieben:
1
2
3
4
2
3
4
.xob.xob-angle-up:before{
font-family: "Ionicons" !important;
content: '\f126';
}
Selbst erstellen
Wer möchte kann sich auch eine eigene Schriftart für die Foren-Icons erstellen und diese verwenden. Das geht z.B. bei https://app.fontastic.me/
Login
Activity Feed
%usernames% haben sich bedankt!
Hallo Sicher bin ich nicht die Erste, die mit dem Wiki Probleme hat. Aber ich hätte gern das Inhaltsverzeichnis auf der 1. Seite und nicht die Startseite Liebe Grüße Yvy
weiß nicht genau, ob dieser Fehler [[File:xshout_3.png|none|auto]]forumbundle.js?rev=57735:1 Uncaught TypeError: Cannot use 'in' operator to search for 'length' in [] at C (forumbundle.js?rev=57735:1:3527)dafür sorgt, dass keine Shouts angezeigt werden, oder die Box wieder geleert werden möchte?...
26.03.2025 13:14
Ingmar und CuSF haben 4 neue Beiträge im Thema YouTube Videos werden plötzlich nicht mehr angezeigt geschrieben.
Danke für den Screenshot der JS-Console. Ich denke damit kann ich arbeiten...
%usernames% hat sich bedankt!
26.03.2025 09:07
Ingmar und spotter46 haben 2 neue Beiträge im Thema Springt nicht zum letzten Beitrag der Seite geschrieben.
Ja wie ich vermutet hatte tritt der Fehler immer dann auf, wenn in mehr als einem Beitrag Bilder eingebunden sind, die in einer Lightbox angezeigt werden können. Ist ~intern behoben~ Änderungen werden immer erst mit dem nächsten Update übernommen. Der Zeitpunkt und Umfang des Updates werden unter A...
25.03.2025 16:50
Ingmar und CuSF haben 2 neue Beiträge im Thema YouTube Videos werden plötzlich nicht mehr angezeigt geschrieben.
Das kann ich nicht reproduzieren.So sieht das bei mir im Chrome aus:[[File:img_1742917761.png|none|fullsize]]Wenn ich dann bestätige wird das Video geladen:[[File:img_1742917798.png|none|fullsize]]
25.03.2025 14:26
l2otbart_57, Ingmar und spotter46 haben 9 neue Beiträge im Thema Springt nicht zum letzten Beitrag der Seite geschrieben.
Zitat von Ingmar im Beitrag #2Das dürfte damit zusammenhängen: hier taucht der Lightbox Fehler auch auf, ist also nicht nur im Support Forum so
%usernames% hat sich bedankt!
25.03.2025 08:21
l2otbart_57 hat einen neuen Beitrag im Thema Frage zur Rahmen und Textboxen geschrieben.
kennst du den [style=]-Code?ich denke es, ist zu kompliziert, so viele Parameter zu verwenden ...12345 [style=border: 5px outset; padding:20px 30px; border-radius:10px; display:inline-block;]kennst du den [[b]style=[/b]]-Code?[/style][style=border: 2px dotted blue; margin:1em; padding:5px 15px; bor...
Hallo ihr Lieben!Ich würde in meinem Forum gerne Rahmen und Textboxen anbieten, welche die Nutzer selbst mitgestalten können.Also Größe anpassen & Farbe und Dicke der Rahmenlinien, abgerundete Ecken.Ich habe als Eingabe für die Nutzer beispielsweise dies hier: [frame-solid{{width}};{{height}};{{bord...
%usernames% hat sich bedankt!
24.03.2025 17:38
Johannes hat einen neuen Beitrag im Thema Wo ist denn die Domain .info abgeblieben? geschrieben.
Wir können nicht jede Domain Endung anbieten und tun dies bei teuren Endungen auch nicht.info Domains sind in den vergangenen Jahren um ca. 400% teurer geworden, wohingegen .de Domains preislich stanbil geblieben sind. Das bedeutet wir zahlen im Einkauf bereits über 36€ nur für die info Domain im Ja...
Zitat von Johannes im Beitrag #31Im Profi Tarif sind com/net/org/info/eu Domains regulär enthalten. Wir wissen, dass wir mit unseren Tarifen nicht jeden überzeugen können. Das ist schade, denn unsere Firma lebt von den Tarifen und nicht von der Werbung Ich wollte gerade für ein neu erstelltes Forum ...
24.03.2025 09:36
%usernames% hat sich bedankt!
24.03.2025 09:06
Ingmar hat einen neuen Beitrag im Thema Intere Smileys werden temporär nicht angezeigt. geschrieben.
Zitat von Lina F. im Beitrag #13Wie kann ich das ändern?Da du ja keinerlei Details nennst wird es schwer sein dir zu helfen.Hast du denn den Rest dieses Themas gelesen? Der Themenersteller hatte seine Smilies von einem externen Anbieter eingebunden, der wohl nicht sehr zuverlässig funktioniert hat.
23.03.2025 23:37
Lina F. hat einen neuen Beitrag im Thema Intere Smileys werden temporär nicht angezeigt. geschrieben.
Ich hänge mich mit einer Frage daran:Bei mir werden die Smileys nur bei Nutzung bestimmter Browser korrekt oder überhaupt angezeigt. Das ist erst seit kurzen so.Wie kann ich das ändern?https://www.irgend-wie-anders.de/
Komisch,daß das bei mir nicht angezeigt wird?Ist aber richtig,denn den Kommentar habe ich außerhalb von der Javascript Variable eingefügt.Ich habe Dir ein "Privates Plugin" mit der Korrektur gesendet (Version 0.151).GrußOlaf
Oberhalb im Forum bei der Geburtstagsanzeige sind unliebsame Zeichen zu sehen, die da so nicht hingehören .... Kann mir da jemand helfen .... Bitte Danke schon mal fürs helfen ....[[File:Unbenannt123.jpg|none|auto]]
22.03.2025 15:55
Benjaminbe hat sich bedankt!
Beitrag: 2.0 - SEO Grundlagen - Machen Sie Ihr Forum durch Suchmaschinen bekannter (Teil 1)
Beitrag: 2.0 - SEO Grundlagen - Machen Sie Ihr Forum durch Suchmaschinen bekannter (Teil 1)
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
21.03.2025 18:30
Dead Inside und 3 weitere haben 10 neue Beiträge im Thema Fehler beim Gästebuch geschrieben.
OMG das hab ich gar nicht gesehen. VIELEN VIELEN VIELEN DANK! 🥰🥰🥰🥰 @Olaf Hast mir den Tag gerettet
21.03.2025 13:54
River und 2 weitere haben 3 neue Beiträge im Thema Verlinkung zu Kalendereintrag unerklärlich geschrieben.
Zitat von Ingmar im Beitrag #10Das ist aber in allen anderen Templates auch so - oder sehe ich da was falsch?Dazu weiß ich auch mal was, und zwar im V4 ist es auch so und ich meine, das ist schon länger bekannt - gibt sicher noch andere Threads hierzu. Viele GrüßeRiver
%usernames% hat sich bedankt!
%usernames% haben sich bedankt!
21.03.2025 08:45
Ingmar und 1 weitere haben 2 neue Beiträge im Thema Fehler beim Gästebuch geschrieben.
Zitat von Dead Inside im Beitrag #27Das Problem wurde behoben aber dadurch ist ein anderer Fehler aufgetauchtWelcher Fehler existiert denn aktuell noch? Ich komme hier langsam nicht mehr mit um ehrlich zu sein.
%usernames% hat sich bedankt!
%usernames% haben sich bedankt!
Wer ist Online?
1 Mitglied und 62 Gäste sind Online
Besucher Statistiken
Statistiken
| Themen | 41850 |
| Beiträge | 306546 |
| Mitglieder | 12.533 |
Forum empfehlen