SHARE [XF2.1][cXF] Ikon di menu Pengunjung

[RayMantic]

preview :


Tambahkan ini ke templat ekstra.less :

Spoiler: code

/* Icons in Visitor menu */
.menu-content.js-visitorMenuBody a.menu-linkRow {
    &:before {
        .m-faBase();
        padding-right: 5px;
    }
    &[href*="/whats-new/news-feed"]:before {
        .m-faContent(@fa-var-rss);
    }
    &[href*="/search/member"]:before {
        .m-faContent(@fa-var-comments);
    }
    &[href*="/account/reactions"]:before {
        .m-faContent(@fa-var-thumbs-up);
    }
    &[href*="/account/alerts"]:before {
        .m-faContent(@fa-var-bell);
    }
    &[href*="/account/account-details"]:before {
        .m-faContent(@fa-var-user-cog);
    }
    &[href*="/account/security"]:before {
        .m-faContent(@fa-var-shield-alt);
    }
    &[href*="/account/privacy"]:before {
        .m-faContent(@fa-var-lock);
    }
    &[href*="/account/preferences"]:before {
        .m-faContent(@fa-var-cogs);
    }
    &[href*="/account/signature"]:before {
        .m-faContent(@fa-var-signature);
    }
    &[href*="/account/upgrades"]:before {
        .m-faBase('Brands');
        .m-faContent(@fa-var-paypal);
    }
    &[href*="/account/connected-accounts"]:before {
        .m-faContent(@fa-var-users-class);
    }
    &[href*="/account/following"]:before {
        .m-faContent(@fa-var-user-plus);
    }
    &[href*="/account/ignored"]:before {
        .m-faContent(@fa-var-user-minus);
    }
    &[href*="/logout"]:before {
        .m-faContent(@fa-var-sign-out);
    }
}
/*****/

Untuk mengubah nilai edit ikon setelah @fa-var-.

Untuk menggunakan ikon merek seperti PayPal tambahkan .m-faBase('Brands');.


Jika menggunakan filter rute, edit dalam kode apa yang mau di filter (misalnya: jika filter rute untuk akun something-else)