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% hat sich bedankt!
Die ShoutboX gibt es nur für das V6 Template. Du hast aber das V4 Business. Da wirst du das Plugin ShoutboX nicht finden können.
Guten TagIch glaube ich habe Pflaumen auf den Augen. Bin absolut sicher, dass ich den Plugin Shoutbox im Adminbereich schon gesehen habe.Doch leider kann ich ihn nicht mehr finden.Kann es sein, dass man diesen Plugin aus versehen selber löschen kann?Wünsche allen einen schönen Tag und danke für eine...
Gestern 22:49
Mike48 und spotter46 haben 2 neue Beiträge im Thema Zugang Wiki begrenzen geschrieben.
Das Plugin funktioniert leider schon lange nicht mehr. Es arbeitet mit Action Elemente und die sind von Miranus abgeschaltet.
%usernames% haben sich bedankt!
Zitat von m3ontour im Beitrag #3Das ist ja aber nicht Sinn der Sache. Dieser Zustand soll ja Beitrags- und Beteiligungsabhängig sein!Naja dann musst du eben eine Beitrags- und Beteiligungsabhängige Gruppe erstellen.Automatisiert geht das zwar nicht. Aber du kannst natürlich alle Mitglieder, die eine...
Wo liegt das Problem ?Du kannst doch, wie in fast allen Bereichen, entsprechende Rechte vergeben. Die "Absauger" einfach in eine besondere Gruppe packen und dieser Gruppe nur eingeschränkte Rechte zuteilen.Geht auch im WIKI[[File:Wiki-Rechte.jpg|none|auto]]
Hallo,ich habe mal wieder ein Problemchen.Wir haben im Wiki einen Datenpool angelegt.Gibt es die Möglichkeit den Zugang zu diesem Datenpool erst zu erlauben wenn sich das Mitglied aktiv am Forum beteiligt?Also z.B. wenn er 20 Beiträge geschrieben hat, oder so etwas in der Art.In diesem Datenpool sin...
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
Hallo,vielen Dank. Mit Ruhe hab ich es jetzt gefunden,Zwischen Tür und Angel sollte man auch nicht wegen so etwas agieren.Danke
%usernames% hat sich bedankt!
08.07.2025 23:08
Mike48 und Ingmar haben 3 neue Beiträge im Thema E-Mail abgelehnt wegen fehlender DKIM Signatur geschrieben.
Feed Mails. Neuigkeiten aus dem Forum sind wahrscheinlich die Mails, die die User in ihrem Profi einstellen können.
08.07.2025 21:08
spotter46 und m3ontour haben 2 neue Beiträge im Thema Beiträge schreiben geschrieben.
Zitat von spotter46 im Beitrag #3Bitte sorgfältig lesen und die Einstellungen nach Wunsch verändern - neue Administration verwendenSicherheit in Foren - Forum Update für besseren Schutz vor SpamIm Adminbereich auf Benutzer > Gruppen dann nach und nach jede Gruppe anklicken, etwas runterscrollen und ...
08.07.2025 20:31
%usernames% haben sich bedankt!
%usernames% hat sich bedankt!
08.07.2025 19:59
%usernames% haben sich bedankt!
%usernames% hat sich bedankt!
08.07.2025 15:37
Ingmar und pasdoe haben 9 neue Beiträge im Thema Favicon nur bei Xobor-Homepage? geschrieben.
Ich habe gerade gemerkt, dass in der mobilen Version die Standard-Icons verwendet werden, wenn kein V6 Template aktiv ist. Eventuell ist das ein Problem für die Anzeige bei Google. Ich versuche das morgen zu beheben.
Bastelbinchen in der Überschrift aber bitte mit ie schreiben.
Ich richte mein Forum neu ein und wollte das Bild in der mittleren Portal-Box auswechseln.Irgend etwas ist falsch gelaufen, der grüne Balken ist weg.Sieht jetzt so aus.
08.07.2025 13:17
Wolfgang, Ingmar und l2otbart_57 haben 4 neue Beiträge im Thema YouTube "Shorts" einbetten geschrieben.
Hallo Ingmar,wow, super und ein großes Dankeschön! Die Shorts werden so auch in der richtigen Größe angezeigt, ohne Rahmen, gut für die mobile Ansicht, denke ich...**************Der "Embed-Code" taucht nur beim Rechtsklick und "Einbettungscode kopieren" auf!Wenn man sich den Embed-Code herauskopiert...
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
Zitat von Rika1 im Beitrag #1Die Shorts (Kurzvideos) kann man nicht wie die sonstigen Videos einbetten.Vielleicht könnt Ihr das mal ändern, das man sie wie die Videos über die Iconbar einfügen kann in einen Beitrag.Hallo zusammen,vielleicht habe ich da etwas, um das Umbenennen einzusparen.Besser wär...
07.07.2025 19:44
%usernames% haben sich bedankt!
07.07.2025 19:41
Gabriella und Portaljäger haben sich bedankt!
Beitrag: V6 - Kein Mail Benachrichtung bei Mitglied sperren
Beitrag: V6 - Kein Mail Benachrichtung bei Mitglied sperren
%usernames% haben sich bedankt!
07.07.2025 17:52
pasdoe, balea und Ingmar haben 4 neue Beiträge im Thema Favicon nur bei Xobor-Homepage? geschrieben.
Zitat von Ingmar im Beitrag #13Zitat von balea im Beitrag #12Bei uns wird auch das Xobor Logo bei Google angezeigt. Wir haben ein .png Foto hochgeladen. Bei .jpeg das gleicheIhr habt das Template-Element "Obere Leiste" verändert und nicht aktualisiert. So kann das nicht klappen...Servus! Ich habe da...
07.07.2025 17:07
Ingmar und Jaden haben 4 neue Beiträge im Thema Keine Rückmeldungen auf Anfrage per E-Mail geschrieben.
Zitat von Jaden im Beitrag #15Hallo Ingmar,dann weiß ich Bescheid, hatte mich schon gewundert, denn es ist nichts angekommen.Sorry dafür. In diesem Fall ist es besonders gemein, da die Mails irgendwo in einer Endloss-Zustellschleife hängen. Wir haben daher nicht mal eine "konnte nicht zugestellt"-Rü...
07.07.2025 15:11
Ludger hat einen neuen Beitrag im Thema Facebook Videos über Video-Tag einbinden? geschrieben.
auch "öffentliche" Reels lassen sich mit dem Video-Tag einbettenhttps://www.facebook.com/reel/1615823202413690so verändernhttps://www.facebook.com/watch?v=1615823202413690reel/ durchwatch?v=ersetzen
07.07.2025 14:18
Ingmar hat einen neuen Beitrag im Thema Grafischer Fehler unterhalb einer Infobox. geschrieben.
Zitat von Mike48 im Beitrag #5In den zweispaltigen V6 Design HPM Gaia, Zeitlos Blau hat der Aktivity Feed einen leeren Footer.Es geht dabei nicht um die Anzahl der Spalten. In diesen Design sind "abgerundete Ecken" vorgesehen. Um die Rundungen auch "unten" in der Box anzuzeigen, braucht es bisher ei...
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
%usernames% haben sich bedankt!
Wer ist Online?
3 Mitglieder und 40 Gäste sind Online
Besucher Statistiken
Heute waren Online
Alexbahner, balea, Gabriella, Ingmar, JanB, Johannes, kacz, Kipper-Spedition, Lady of the light, Mike48, Moby, Muenggi, nobody, Rika1, spotter46, TripleM, Wolfgang, zickzack
Alexbahner, balea, Gabriella, Ingmar, JanB, Johannes, kacz, Kipper-Spedition, Lady of the light, Mike48, Moby, Muenggi, nobody, Rika1, spotter46, TripleM, Wolfgang, zickzack
Besucherrekord
1274 Benutzer gleichzeitig online (11.10.2019 18:19)
Besucherzähler
Heute waren 1347 Gäste und 18 Mitglieder, gestern 2215 Gäste und 22 Mitglieder online.
Statistiken
| Themen | 42012 |
| Beiträge | 307701 |
| Mitglieder | 12.584 |
Forum empfehlen