Font Awesome Icons in Navbar

XF2.x Font Awesome Icons in Navbar

McAtze

Administrator
Lizenzinhaber
Registriert
30. Apr. 2011
Beiträge
6.058
Punkte
523
XF Version
  1. 2.2.15
XF Instanz
Hosting
PHP-Version
8.2
MySQL/MariaDB
10.11
Provider/Hoster
Netcup
Ist eine Option geplant um bei einzelnen oder allen Tabs den Text zu gunsten der Icons weg zu lassen? Home z.B.? Nur so ne Idee... :)
 
Wahrscheinlich willst dann auch noch per Tooltip wissen was früher im Tab stand.. ;) :p
 
Und das ohne Eingriff ins Template :spin:
 
Im ACP mal die Fehlermeldungen angeschaut?
 
Da steht:
Code:
    Less_Exception_Compiler: variable @fa-var-question-square is undefined in file anonymous-file-417.less in anonymous-file-417.less src/vendor/oyejorge/less.php/lib/Less/Tree/Variable.php:49

    Generiert von: Unbekanntes Konto 17.01.2019 um 19:17

Stack-Trace

#0 src/vendor/oyejorge/less.php/lib/Less/Tree/Expression.php(52): Less_Tree_Variable->compile(Object(Less_Environment))
#1 src/vendor/oyejorge/less.php/lib/Less/Tree/Mixin/Call.php(43): Less_Tree_Expression->compile(Object(Less_Environment))
#2 src/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(147): Less_Tree_Mixin_Call->compile(Object(Less_Environment))
#3 src/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(88): Less_Tree_Ruleset->EvalMixinCalls(Object(Less_Tree_Ruleset), Object(Less_Environment), 9)
#4 src/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Object(Less_Environment))
#5 src/vendor/oyejorge/less.php/lib/Less/Tree/Ruleset.php(94): Less_Tree_Ruleset->compile(Object(Less_Environment))
#6 src/vendor/oyejorge/less.php/lib/Less/Parser.php(199): Less_Tree_Ruleset->compile(Object(Less_Environment))
#7 src/XF/CssRenderer.php(363): Less_Parser->getCss()
#8 src/XF/CssRenderer.php(311): XF\CssRenderer->renderToCss('public:extra.le...', '/* XenForo 2.1....')
#9 src/XF/CssRenderer.php(235): XF\CssRenderer->renderTemplate('public:extra.le...', NULL)
#10 src/XF/CssRenderer.php(101): XF\CssRenderer->renderTemplates(Array, Array, Array)
#11 src/XF/CssWriter.php(53): XF\CssRenderer->render(Array)
#12 css.php(30): XF\CssWriter->run(Array, 1, 10, 'd980866b45526e8...')
#13 {main}
 
Welches XenForo nutzt du denn mit diesem Code?

Bei mir funktioniert es ohne Probleme..

Screenshot 2019-01-17 19.36.18.png
Screenshot 2019-01-17 19.36.25.png
 
Zuletzt bearbeitet:
Okay, danke!
 
Wie kann ich das Chatsymbol und ein Spendensymbol anzeigen lassen?
 
Das kann man pauschal nicht sagen, das müsste man auf deiner Seite anschauen wie die Navigationselemente heißt.
 
Ich habe es selber hinbekommen. :oops:
 
McAtze aktualisierte Font Awesome Icons in Navbar mit einem neuen Updateeintrag:

Erweiterung der Extra.less für weitere FA Icons

Hier der Teil zum Navigationsmenü und dem Benutzermenü.

Anhang anzeigen 12044

Anhang anzeigen 12043

Less:
/*** FontAwesome Icons in NavTab & AccountMenu ***/
.p-navEl-link,
.menu-linkRow,
.offCanvasMenu a
{                             
    &:before
    {
        .m-faBase();
        //.m-faContent(@fa-var-question-square);
        margin-right:5px;
        display:inline-block;
        text-align:center;
    }             
    
    // Navigationstabs...

Lese den Rest der Aktualisierung...
 
McAtze aktualisierte Font Awesome Icons in Navbar mit einem neuen Updateeintrag:

Icons für Widgets

Wer gerne ein FA Icon für die Widgets in der Sidebar haben möchte, kann gerne diesen Schnipsel verwenden.
Hierfür wird der Widget-Key benötigt der beim erstellen des Widgets angegeben wurde. Als Beispiel hier mal das Statistik-Widget.

Anhang anzeigen 12045

Anhang anzeigen 12046

Less:
.p-body-sidebar
{
    [data-widget-key="forum_overview_members_online"] .block-minorHeader:before {
        .m-faBase();
        .m-faContent(@fa-var-users)...

Lese den Rest der Aktualisierung...
 
Zurück
Oben