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

.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
 
.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
forum_message forum_message
sikookis, Franz-Jupp und creator haben 5 neue Beiträge im Thema Dateisuche in den Dateianhänger nur nach Dateinamen möglich? geschrieben.
Das liegt daran, dass du mit Hilfe der Foren-Suche suchst.Ich bewege mich aber in der Administration → Einstellungen → Dateianhänge !!Dort habe ich den Wunsch. [[File:SucheDateianhänge.png|none|fullsize]]LGsikookis
forum_message forum_message
Kräuterhexe und 3 weitere haben 4 neue Beiträge im Thema Xobor APP bald für jedes Forum - Jetzt die APP hier Beta testen geschrieben.
Bei mir funktioniert es. Hab die App auf dem Handy und Laptop installiert. Nur das eigene Logo wird nicht angezeigt.
rating rating
%usernames% hat sich bedankt!
forum_message forum_message
Gabriella und 3 weitere haben 4 neue Beiträge im Thema Kommentare in der Bildergalerie - Editiermöglichkeit geschrieben.
Mike,hier ist aber von Kommentaren editieren in der Bildgalerie die Rede und nicht von den andern. Da bei mir aber die Bildgalerie gar nicht für Kommentare freigegeben ist (dient bei uns nur zu Archivzecken) ist mir noch gar nie aufgefallen, dass das in der Bildgalerie nicht geht. In Themen und Beit...
rating rating
%usernames% hat sich bedankt!
rating rating
%usernames% hat sich bedankt!
rating rating
%usernames% hat sich bedankt!
rating rating
Franz-Jupp hat sich bedankt!
Beitrag: Kommentare in der Bildergalerie - Editiermöglichkeit
%usernames% hat sich bedankt!
forum_message forum_message
Bettina1959 hat einen neuen Beitrag im Thema HTTPS-Verschlüsselung geschrieben.
@Ingmar @Johannes Ihr Lieben, leider funktioniert die HTTPS-Verschlüsselung immer noch nicht. Forum # 757209Immer noch das selbe wie unten zitiert,,,,Zitat von Bettina1959 im Beitrag #3Hallo liebes Support-Team,bei mir dauert es nun auch schon beinahe 2 Wochen...Forum Nr. 757209Immer sehe ich nur d...
forum_message forum_message
sikookis und 1 weitere haben 2 neue Beiträge im Thema Dateisuche in den Dateianhänger nur nach Dateinamen möglich? geschrieben.
Der Original-Name ist für mich eher nicht wichtig.Wie in meinem obigen Bildbeispiel zu sehen, trägt die Dateiauch neben dem kryptischen Dateinamen auch einen Titel: ´Am Fuße des Bergest - Luxus - SiidV´.Diese Titel möchte ich durchsuchen.Und genau dafür gibts keine Suchfunktion :-(
forum_topic forum_topic
Board-Nr.: 779879In den Dateianhängen kann man eine Suche starten. Diese scheint aber nur für Dateinamen zu funktionieren.Jeder Dateianhang hat jedoch auch einen Titel:[[File:Dateianhang.png|none|fullsize]]Die Dateinamen sind allesamt bei mir kryptisch. Nach dem Titel zu suchen wäre wesentlich besse...
rating rating
%usernames% hat sich bedankt!
forum_message forum_message
Nico1981 und 3 weitere haben 4 neue Beiträge im Thema Xobor APP bald für jedes Forum - Jetzt die APP hier Beta testen geschrieben.
Da das mit den Pushnachrichten bei mehreren Foren nicht geht, würde ich davon ausgehen, dass das genau wie mit dem Logo noch ein allgemeiner Fehler ist.
forum_message forum_message
Meikel und 2 weitere haben 3 neue Beiträge im Thema Gibt es ein Red-Flag-Plugin bzw. Scan-Plugin für automatische Verwarnungen? geschrieben.
Danke Ingmar - mir geht es allerdings nicht darum, dass Forenmitgliedern hier die Verantwortung überlassen wird - ich brauche ziemlich enge Regeln die zeitnah umgesetzt werden müssen - daher zielt meine Frage auf etwas automatisch funktionierendes ab etwas wie - ich gebe Keywords ein und sobald eine...
rating rating
Lebenskünstler hat sich bedankt!
Beitrag: Forum Zugriff nicht sicher
%usernames% hat sich bedankt!
forum_topic forum_topic
Hallo Team!ich bin auf der Suche nach einem Plugin in für automatische Verwarnungen. Die Idee dahinter ist, wenn ein Forenmitglied Wörter benutzt, die laut den Forenregeln nicht gestattet sind, dann sollen diese automatisch zu einer Verwarnung führen beziehungsweise gelöscht werden. Eine andere Idee...
rating rating
Mike48 hat sich bedankt!
Beitrag: Benutzerbilder optional ausblenden lassen
%usernames% hat sich bedankt!
forum_message forum_message
TripleM und 3 weitere haben 9 neue Beiträge im Thema Xobor APP bald für jedes Forum - Jetzt die APP hier Beta testen geschrieben.
Ok, das habe ich nicht mitbekommen das es schon zur Verfügung steht. Werde es testen.
forum_message forum_message
Nico1981 und 1 weitere haben 3 neue Beiträge im Thema Benutzerbilder optional ausblenden lassen geschrieben.
Danke, habe die neue Version installiert und es sieht jetzt alles so aus wie es soll!
rating rating
old-smokey hat sich bedankt!
Beitrag: Forum Zugriff nicht sicher
%usernames% hat sich bedankt!
rating rating
Nico1981 hat sich bedankt!
Beitrag: Benutzerbilder optional ausblenden lassen
%usernames% hat sich bedankt!
rating rating
%usernames% hat sich bedankt!
rating rating
%usernames% hat sich bedankt!
rating rating
%usernames% hat sich bedankt!
forum_message forum_message
Ingmar und 1 weitere haben 2 neue Beiträge im Thema Forum Zugriff nicht sicher geschrieben.
Zitat von old-smokey im Beitrag #2Nachtrag, in der Admin zu sehen, https ist deaktiviert, obwohl weder ich noch mein Co-Admin daran was geändert habenDas wurde ziemlich sicher durch einen Fehler in einem unserer Domain-Wartungs-Skripts verursacht. Johannes ist auf der Fehlersuche.
forum_message forum_message
Habe eine ältere Kopie gefunden und aktiviert. Jetzt ist wieder fast alles iO. Muss ein paar Einträge ergänzen. Danke für die Geduld und Hinweise.Mir dem X6 werde ich im Testforum nochmal bearbeiten. Also auch hier das Problem bearbeitet und abgehackt.
rating rating
River hat sich bedankt!
Beitrag: neues Admin
%usernames% hat sich bedankt!
rating rating
River und 2 weitere haben sich bedankt!
Beitrag: neues Admin
%usernames% haben sich bedankt!
rating rating
River hat sich bedankt!
Beitrag: neues Admin
%usernames% hat sich bedankt!
forum_message forum_message
Mike48 und 5 weitere haben 6 neue Beiträge im Thema neues Admin geschrieben.
Zitat von Uschi im Beitrag #24also beim alten Admingehe ich über Farben Einstellungenzur Hintergrundkopfzeile und lade dort dann das bereits vorbereitete Bild hochspeichern und fertig(da kann ich auch das Hintergrundbild hoch laden)Die gezeigte Einstellung im Beitrag #24 ist V3 (Gaia) spezifisch un...
forum_topic forum_topic
old-smokey hat das Thema Forum Zugriff nicht sicher erstellt
@Ingmar Es kam eben in unserem Forum die Frage auf, weshalb plötzlich der Zugriff auf das Forum als nicht sicher angezeigt wird. Das ist seit irgendwann heute tatsächlich der Fall, egal mit welchem Browser.Ist ein Sicherheitszertifikat abgelaufen oder ist das durch ein Update von euch passiert? Auf...
rating rating
Mike48 hat sich bedankt!
Beitrag: In einem Album werden Bilder nicht angezeigt.
%usernames% hat sich bedankt!
rating rating
Franz-Jupp hat sich bedankt!
Beitrag: neues Admin
%usernames% hat sich bedankt!
forum_message forum_message
Lebenskünstler hat einen neuen Beitrag im Thema Kommentare in der Bildergalerie - Editiermöglichkeit geschrieben.
danke für die sachliche Erläuterung. Somit sind die Gründe auch nachvollziehbar.
forum_message forum_message
Ingmar hat einen neuen Beitrag im Thema In einem Album werden Bilder nicht angezeigt. geschrieben.
Das sieht so aus, als ob es dort einen Fehler bei der Erzeugung der Vorschaugrafiken gab. Jetzt liegen für die in der Alben-Ansicht gezeigten Grafiken fehlerhafte Bilder im Cache. Das sollte sich von alleine beheben, sobald der Cache sich erneuert.
rsummary rsummary
Nico1981 und 1 weitere haben 4 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
old-smokey und 1 weitere haben 5 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
River und 2 weitere haben 3 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
rsummary rsummary
Mike48 und 1 weitere haben 2 Beiträge bewertet (Details)
%usernames% hat sich bedankt!
Wer ist Online?
4 Mitglieder und 27 Gäste sind Online
Besucher Statistiken
31 Aktive User
4 Mitglieder und 27 Gäste sind Online:
Kräuterhexe, sikookis, Ingmar, nobody


Besucherrekord
1274 Benutzer gleichzeitig online (11.10.2019 18:19)

Besucherzähler
Heute waren 996 Gäste und 26 Mitglieder, gestern 1646 Gäste und 39 Mitglieder online.

Statistiken
Themen 41408
Beiträge 302338
Mitglieder 12.393
Forum empfehlen