عيد الاضحى المبارك


مواضيع تهمك

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

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

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

احصائياتى

الردود
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- النتيجة.




انتهى


قديم 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




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