• Merhaba Ziyaretçi hoşgeldin! Forumdan daha fazla yararlanmak için buradan kayıt olunuz...

xenforo 2x Üst Menü (navbar) Font Awesome 5 Icons ekleme

YukseLL

Emektar
Yönetici
Admin
Moderatör
Üye
forum üst navbar menüsüne Font Awesome 5 Icons eklemenin kolay yolu

kullandığınız temanın extra.less şablonunu açıp aşağıdaki kodları ekleyin

CSS:
.p-navEl a::before{
    font-family: 'Font Awesome 5 Pro';
    padding-right: 5px;
}

.p-navEl a[data-nav-id="home"]::before{content: "\f015";}
.p-navEl a[data-nav-id="forums"]::before{content: "\f27a";}
.p-navEl a[data-nav-id="whatsNew"]::before{content: "\f0e7";}
.p-navEl a[data-nav-id="xfmg"]::before{content: "\f030";}
.p-navEl a[data-nav-id="xfrm"]::before{content: "\f019";}
.p-navEl a[data-nav-id="members"]::before{content: "\f0c0";}
.p-navEl a[data-nav-id="newPosts"]::before{content: "\f005";}
.p-navEl a[data-nav-id="findThreads"]::before{content: "\f00e";}
.p-navEl a[data-nav-id="watched"]::before{content: "\f06e";}
.p-navEl a[data-nav-id="searchForums"]::before{content: "\f002";}
.p-navEl a[data-nav-id="markForumsRead"]::before{content: "\f070";}
 
Son düzenleme:

YukseLL

Emektar
Yönetici
Admin
Moderatör
Üye
eğer footer Linklerine de FontAwesome 5 ikonları eklemek istiyorsanız yine extra.less şablonuna aşağıdaki kodları ekleyin

CSS:
.p-footer-linkList  a[href*="/misc/contact"]:before{ .m-faBase(); padding-right: 5px; content: "\f199" }
.p-footer-linkList  a[href*="help/terms"]:before{.m-faBase(); padding-right: 5px;content: "\f071" !important;}
.p-footer-linkList  a[href*="/help/"]:before{ .m-faBase(); padding-right: 5px; content: "\f059" }
.p-footer-linkList  a[href*="/help/privacy-policy/"]:before{  .m-faBase(); padding-right: 5px; content: "\f21b" !important; }
.p-footer-linkList  a[href*="https://"]:before{ .m-faBase(); padding-right: 5px; content: "\f015" }
 
Son düzenleme:

Üst Alt