XF2.x Font Awesome Icons in Navbar

[McAtze]

McAtze aktualisierte Font Awesome Icons in Navbar mit einem neuen Updateeintrag:

LESS Anpassungen an XF2.3

Größtenteils funktioniert der Code auch mit XF2.3. Einzig beim Profil müssen Anpassungen gemacht werden, da es früher /account und nun /profil heißt.

/* Your Profile */
    &[data-nav-id='defaultYourProfile']:before {.m-faContent(@fa-var-user-circle);}
    &[data-nav-id='defaultYourAccount']:before {.m-faContent(@fa-var-cogs);}

    &[href*="/whats-new/news-feed"]:before {.m-faContent(@fa-var-newspaper);}
    &[href*="/search/member?"]:before...

Lese den Rest der Aktualisierung...

 

[unmöglichfirmen]

McAtze aktualisierte Font Awesome Icons in Navbar mit einem neuen Updateeintrag:

LESS Anpassungen an XF2.3



Lese den Rest der Aktualisierung...

Ich danke dir wie immer Eingebaut und es geht alles keine Fehler Meldung oder keine Anzeige einfach genial @McAtze

 

[Kirby]

McAtze aktualisierte Font Awesome Icons in Navbar[ mit einem neuen Updateeintrag:
LESS Anpassungen an XF2.3

Das funktioniert zwar, ist bei 2.3 aber eher ineffizient:
Jedes dieser Icons wird als einzelne SVG-Datei geladen.

Wer auf Performance Wert legt dem würde ich daher empfehlen das bei 2.3 so nicht einzusetzen.

Eine einfache, breit unterstützte, effiziente Lösung rein mit CSS gibt es bei 2.3 leider nicht.

 

[McAtze]

Danke für den Hinweis @Kirby habe ich in der Form gar nicht betrachtet.

 

[unmöglichfirmen]

Das funktioniert zwar, ist bei 2.3 aber eher ineffizient:
Jedes dieser Icons wird als einzelne SVG-Datei geladen.

Wer auf Performance Wert legt dem würde ich daher empfehlen das bei 2.3 so nicht einzusetzen.

Eine einfache, breit unterstützte, effiziente Lösung rein mit CSS gibt es bei 2.3 leider nicht.

Wie oder mit was kann Mann denn das Testen wie schnell die Seite mit oder ohne denn.

 

[McAtze]

Wie oder mit was kann Mann denn das Testen wie schnell die Seite mit oder ohne denn.

Das könntest du mit PageSpeed Insights machen..

PageSpeed Insights

pagespeed.web.dev

 

[unmöglichfirmen]

Das könntest du mit PageSpeed Insights machen..

PageSpeed Insights

pagespeed.web.dev

Ich wird es in der Woche mal testen ich muss heute leider zur Nacht schicht

 

[Schwalbe]

Danke für den Code. Habe ehrlich gesagt zwar noch nicht verstanden wo die Icons jetzt herkommen (bin auf dem html-Stand von vor 20 Jahren stehen geblieben), sieht aber gut aus. Nur im Profil, da wird nichts angezeigt (und ja, ich habe die aktuellste Anpassung hier). Meine Version 2.3.6 - bin da noch in der Testphase und Ersteinrichtung.

Nachtrag: Ziehe meine Unwissenheit zurück über die Herkunft der Icons . Trotzdem fehlen sie mir im Profilfenster.