عرض مشاركة واحدة
احصائياتى

الردود
10

المشاهدات
3947
نسيت النوم
.:: عضو تشيط ::.
  • نسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really nice

  • نسيت النوم غير متواجد حالياً

المشاركات
289

+التقييم
90

تاريخ التسجيل
Aug 2015

الاقامة

نظام التشغيل

رقم العضوية
30
12-31-2017, 10:25 PM
المشاركة 1
12-31-2017, 10:25 PM
المشاركة 1
افتراضي شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2
السلام عليكم ورحمه الله وبركاته
الموضوع بسيط ياشباب لكل ما ستفعله هو جعل النافبار اللى من غير ايقونات بايقونات مكتبة الخطوط ممايزيد رونق للمنتداك
[اسم الموضوع]: إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار لمنتدبات الزين فورو النسحة الثانية.
[توافق الشرح]: الجيل الثانى او النسهة الثانية او XF2.0
قبل البدء شاهد النافبار قبل التعديل عليه


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



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



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



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';}}
}
كما هو بالصوره.



6- النتيجة.




انتهى