هيلبرنت | Helpernt - [XF 2.x] : شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2

السلام عليكم ورحمه الله وبركاته

الموضوع بسيط ياشباب لكل ما ستفعله هو جعل النافبار اللى من غير ايقونات بايقونات مكتبة الخطوط ممايزيد رونق للمنتداك
[اسم الموضوع]: إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار لمنتدبات الزين فورو النسحة الثانية.
[توافق الشرح]: الجيل الثانى او النسهة الثانية او XF2.0
قبل البدء شاهد النافبار قبل التعديل عليه

http://www.helpernt.com/vb/attachmen...1&d=1514748435

الخطوات
1- سجل دخول الى لوحة تحكم المنتدى
2- توجه الى المظهر >> ثم البحث فى القوالب كما بالصورة.

http://www.helpernt.com/vb/attachmen...1&d=1514748437

3- اكتب فى خانة العنوان اسم القالب اكتب اسم القالب المراد التعديل عليه وهو extra.less كما بالصورة.

http://www.helpernt.com/vb/attachmen...1&d=1514748437

4- يظهر الان امامنا اسم القالب وهو extra.less اضغط عليه كما بالصورة.

http://www.helpernt.com/vb/attachmen...1&d=1514748437

5- اضف المحتوى

كود:

.p-navEl-link{                             

       &:before{padding-right:5px;font-family: FontAwesome;content: "\f29c";}             

    &[data-nav-id="home"]{&:before{content: "\f015";}}

    &[data-nav-id="forums"]{&:before{content: '\f0e6';}}

    &[data-nav-id="whatsNew"]{&:before{content: '\f128';}}

    &[data-nav-id="members"]{&:before{content: '\f0c0';}}

    &[data-nav-id="xfrm"]{&:before{content: '\f019';}}

    &[data-nav-id="xfmg"]{&:before{content: '\f030';}}

    &[data-nav-id="newPosts"]{&:before{content: '\f06d';}}

    &[data-nav-id="findThreads"]{&:before{content: '\f00e';}}

    &[data-nav-id="searchForums"]{&:before{content: '\f002';}}

    &[data-nav-id="markForumsRead"]{&:before{content: '\f070';}}

    &[data-nav-id="whatsNewPosts"]{&:before{content: '\f0f6';}}

    &[data-nav-id="xfrmNewResources"]{&:before{content: '\f019';}}

    &[data-nav-id="whatsNewProfilePosts"]{&:before{content: '\f040';}}

    &[data-nav-id="whatsNewNewsFeed"]{&:before{content: '\f09e';}}

    &[data-nav-id="latestActivity"]{&:before{content: '\f005';}}

    &[data-nav-id="xfrmLatestReviews"]{&:before{content: '\f091';}}

    &[data-nav-id="xfrmYourResources"]{&:before{content: '\f0ed';}}

    &[data-nav-id="xfrmWatched"]{&:before{content: '\f0a7';}}

    &[data-nav-id="xfrmSearchResources"]{&:before{content: '\f002';}}

    &[data-nav-id="currentVisitors"]{&:before{content: '\f234';}}

    &[data-nav-id="newProfilePosts"]{&:before{content: '\f040';}}

    &[data-nav-id="searchProfilePosts"]{&:before{content: '\f21b';}}

}

كما هو بالصوره.

http://www.helpernt.com/vb/attachmen...1&d=1514748659

6- النتيجة.

http://www.helpernt.com/vb/attachmen...1&d=1514748659

انتهى