أثبت وجودك لا تقرأ وترحل


مواضيع تهمك

ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2

السلام عليكم ورحمه الله وبركاته الموضوع بسيط ياشباب لكل ما ستفعله هو جعل النافبار اللى من غير ايقونات...

احصائياتى

الردود
10

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

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

المشاركات
293

+التقييم
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- النتيجة.




انتهى


قديم 01-12-2018, 10:47 PM
المشاركة 2
طيور الظلام
.:: عضو فعال ::.
  • طيور الظلام غير متواجد حالياً
افتراضي رد: شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2
شرح روعه

ايه الجمال ده

قديم 01-18-2018, 05:43 PM
المشاركة 3
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2
مشاء الله جميل


اخى يااريتك معنا بالاشراف

قديم 01-19-2018, 12:47 PM
المشاركة 4
طيور الظلام
.:: عضو فعال ::.
  • طيور الظلام غير متواجد حالياً
افتراضي رد: شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2
والله

شرح

رووعه

قديم 01-23-2018, 11:19 AM
المشاركة 5
غاوى مشاكل
.:: عضو تشيط ::.
  • غاوى مشاكل غير متواجد حالياً
افتراضي رد: شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2
مشاء الله

طريقة راااااائعه

قديم 05-27-2018, 01:43 PM
المشاركة 6
ahmed200
.:: عضو مبدع ::.
  • ahmed200 غير متواجد حالياً
افتراضي رد: شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2
يعطيك 1000

1000

عافية

قديم 05-31-2018, 10:20 PM
المشاركة 7
for sat
.:: عضو مبدع ::.
  • for sat غير متواجد حالياً
افتراضي رد: شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2
تعيش اخي,,,,

قديم 11-13-2018, 08:38 PM
المشاركة 8
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2
موضوع مهم

لذلك تم تنشيطه من خلال الرفع له

قديم 01-28-2020, 10:59 PM
المشاركة 9
QATFX
.:: عضو مشارك ::.
  • QATFX غير متواجد حالياً
افتراضي رد: شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2
ظهرت مربعات ولم تظهر الايقونات

قديم 03-13-2020, 05:20 PM
المشاركة 10
reepairnet
.:: عضو مشارك ::.
  • reepairnet غير متواجد حالياً
افتراضي رد: شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين
ظهرت مربعات ولم تظهر الايقونات

اضافة رد

العلامات المرجعية

شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2



الانتقال السريع
المواضيع المتشابهه للموضوع: شرح طريقة إضافة ايقونات مكتبة الخطوط Font Awesome للنافبار الزين فورو 2
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ vBulletin 3 ] : طريقة تركيب مكتبة الخطوط Font-Awesome في تصميمك للمواقع هيلبرنت ركن تطوير منتديات vb3.8.0 3 03-25-2019 08:53 PM
[XF 2.x Add] : هاك اضافة ايقونات مكتبة الخطوط font awesome لجميع القوائم المتواجد بالشريط الجانبى هيلبرنت اضافات الزين فورو XENFORO 5 05-28-2018 08:04 AM
[XF 2.x] : طريقة اضافة ايقونات مكتبة الخطوط font awsome لمجموعة العضو هيلبرنت ركن شروحات الزين فورو XENFORO 2 01-23-2018 11:19 AM
[XF 2.x Add] : هاك اضافة ايقونات مكتبة الخطوط font awesome لقائمة العضو بالصفحة الرئيسية هيلبرنت اضافات الزين فورو XENFORO 3 01-19-2018 12:53 PM
[ شرح ] : طريقة اضافة مكتبة الخطوط Font Awesome لمنتديات الزين فورو - xenforo هيلبرنت ركن شروحات الزين فورو XENFORO 5 09-21-2017 05:27 PM




الساعة الآن 04:51 AM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum