XF1.x FontAwesome in Navigation und Breadcrumb

[McAtze]

McAtze hat eine neue Ressource erstellt:

FontAwesome in Navigation und Breadcrumb - Einfaches Stylen mit FontAwesome in der Navigation undim Breadcrumb.

Wer die Startseite benutzt, ob für Portal oder eigene Seite kennt das Problem mit dem Platz in der Navigationszeile.
Damit wir hier eine wenig Platz schaffen können gibt es die Möglichkeit FontAwesome Icons zu nutzen.

Eine Übersicht der vorhanden Icons findet Ihr hier: www.fontawesome.io/icons

Installation:

1. Öffnet das Template PAGE_CONTAINER und fügt direkt vor <!--XenForo_Require:CSS--> folgendes ein

<link...

Weitere Informationen zu dieser Ressource...

 

[jo8jo]

Danke für die tolle Beschreibung @McAtze

Eine Frage: funktioniert das ganze auch für andere Tabs in der Navigationszeile?
Wie bei dir im Bild für z.B. Showcase etc. - oder für Tabs mit "Nodes as Tabs" angelegt wurden?

 

[McAtze]

Geht auch bei den anderen Tabs. Probleme gibt es bei generierten Tabs von Addons oder Nodes as Tabs. Ich hatte aber, meine ich, eine Lösung bei xf.com gesehen.
Ich denke das ich eine weitere Ressource in absehbarer Zeit zur restlichen Navigation erstelle.

 

[jo8jo]

Sorry @McAtze dass ich das Thema nochmal ausgrab
Hast du mir zufällig nen Link/Tip wo die Lösung bei xf.com stand wie man auch für generierte Tabs (z.B. durch Nodes as Tabs) die Icons einfügen kann? Finde leider nix..

 

[McAtze]

Da muss ich dich auf nächste Woche vertrösten, bin derzeit unterwegs und nur mit Handy online.

 

[Janmaat]

Super Sache das

Lässt sich das ganze auch mit TMS bewerkstelligen oder muss man direkt in den Templates ändern?

 

[McAtze]

McAtze aktualisierte FontAwesome in Navigation und Breadcrumb mit einem neuen Eintrag:

An die aktuelle Font Awesome Version angepasst

Ich habe die aktuelle Version 4.3.0 eingetragen und die einzelnen Codezeilen etwas angepasst.

Eingefügt habe ich fa-fw für eine fixe Breite der Icons. Nachzulesen in den Font Awesome Examples..

Weitere Informationen zur Aktualisierung...

 

[McAtze]

Diese Ressource wurde entfernt und kann nicht mehr heruntergeladen werden.

 

[Gelöschtes Mitglied 1276]

Schade, dass es kaum was zur Breadcrump gibt. Dabei sieht diese mit einem einfachen Strich unten in #ccc sehr elgant und viel weniger auffallend aus.
Wenn es nur nicht immer so eine Fummlei wäre, die im Zweifelsfalle beim Zusammenziehen wieder Fehler hat.