XF 2.1 - إضافة أيقونات Fontawesome بجانب إسم الأقسام | XenArabia | زين فورو العربية

XF 2.1 إضافة أيقونات Fontawesome بجانب إسم الأقسام

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
784
مستوى التفاعل
795
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
إضافة أيقونات Fontawesome بجانب إسم الفئات

سنتعرف من خلال هذا الدرس الخفيف كيفية إضافة أيقونات Fontawesome بجانب إسم الفئات كما هو الحال في معهد زين فورور العربية

نقوم بإضافة الكود التالي إلى قالب Extra.less

CSS:
/* إضافة أيقونة فونت اوسوم بجانب إسم القسم */
.block.block--category.block--category1 .block-header {
       :before {
       .m-faBase();
       .m-faContent(@fa-var-newspaper);
       padding-right: 5px;
    }
}
/****/

- الرقم 1 : رقم القسم الذي تود إضافة الأيقونة بجانبه
- لتغير الايقونة فقط قم باستبدال newspaper باسم الايقونة التي تريد إضافتها

ملاحظة : يكرر الكود مع كل قسم مع تغير رقم القسم و كذا إسم الايقونة

وهذه نتيجة التطبيق

547

إلى اللقاء مع درس آخر
أخوكم / محمد
 

ِِAraby5050

الحمد لله رب العالمين
إنضم
22 فبراير 2019
المشاركات
66
مستوى التفاعل
64
النقاط
18
الإقامة
مصر
بارك الله فيك اخى محمد


🌹🌹
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
240
مستوى التفاعل
227
النقاط
43
الإقامة
sohag, Egypt
الموقع الالكتروني
جزاك الله خيرا أخ محمد وبارك الله فيك
 

ante

:: الأعضاء ::
إنضم
11 يونيو 2019
المشاركات
7
مستوى التفاعل
1
النقاط
3
للصراحة غير مجدي
الصورة على سيرفري
كيف احطها بدل الافتراضي ؟
وكيف احط الصور بجانب كل قسم من اقسام الممنتدى
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
784
مستوى التفاعل
795
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
@ante هذا الشرح لاستخدام ايقونات fontawesome و ليس صور عادية
 

ante

:: الأعضاء ::
إنضم
11 يونيو 2019
المشاركات
7
مستوى التفاعل
1
النقاط
3
تمام
اشكرك على الرد
طيب لو سمحت ...لو بدي احط ايقونة لكل قسم من اقسام المنتدى
؟
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
784
مستوى التفاعل
795
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
المشكلة هو في الصورة بحيث لازم يتم ظبطها حتى لا تظهر بشكل مشوه خصوصا في التصفح من خلال الجوال

يمكنك استخدام هذه الاضافة المجانية


هناك ايضا اضافة مدفوعة

 

shqawe

:: طاقم الإشراف ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
75
مستوى التفاعل
112
النقاط
33
الإقامة
K.S.A
إضافة أيقونات Fontawesome بجانب إسم الفئات

سنتعرف من خلال هذا الدرس الخفيف كيفية إضافة أيقونات Fontawesome بجانب إسم الفئات كما هو الحال في معهد زين فورور العربية

نقوم بإضافة الكود التالي إلى قالب Extra.less

CSS:
/* إضافة أيقونة فونت اوسوم بجانب إسم القسم */
.block.block--category.block--category1 .block-header {
       :before {
       .m-faBase();
       .m-faContent(@fa-var-newspaper);
       padding-right: 5px;
    }
}
/****/

  • الرقم 1 : رقم القسم الذي تود إضافة الأيقونة بجانبه
  • لتغير الايقونة فقط قم باستبدال newspaper باسم الايقونة التي تريد إضافتها

ملاحظة : يكرر الكود مع كل قسم مع تغير رقم القسم و كذا إسم الايقونة

وهذه نتيجة التطبيق



إلى اللقاء مع درس آخر
أخوكم / محمد
بارك الله فيك اخوي محمد ما قصرت يالغالي درس ولا اروع
تمام
اشكرك على الرد
طيب لو سمحت ...لو بدي احط ايقونة لكل قسم من اقسام المنتدى
؟
بالنسبة لو حبيت تحط ايقونة لكل قسم فتحتاج الى التعديل على قالب node_list_category وتستخدم الشروط في وضع صورة لكل قسم

احترامي وتقديري
اخوك
شقاوي
 

ante

:: الأعضاء ::
إنضم
11 يونيو 2019
المشاركات
7
مستوى التفاعل
1
النقاط
3
الشكر لكما على الرد ! وطيب الخاطر .
العزيز
XenArabia
رجاء لو تكرمت بوضع المجانية هنا ..
shqawe

سأجرب , فلا ضرر من التجريب!
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
784
مستوى التفاعل
795
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
تم ارفاق الاضافة المجانية و الاضافة المساعدة لها
في حالة كانت لديك طلبات اخرى للاضافات او الستايلات المجانية

 

المرفقات

ante

:: الأعضاء ::
إنضم
11 يونيو 2019
المشاركات
7
مستوى التفاعل
1
النقاط
3
كلمة شكرا لا تكفيفك حقك !
ولاكن ما عساي أن اقول!
بوركت عزيزي على المساعدة

بس يا ريت أخي طريقة التركيب >عند الرفع من الاضافات يطلع لي الخطأ؟ وما عمل الاضافة المساعدة ؟
v2.1.2
 

المرفقات

التعديل الأخير:

ante

:: الأعضاء ::
إنضم
11 يونيو 2019
المشاركات
7
مستوى التفاعل
1
النقاط
3
الغريب بعد هذى الخطأ طلعلي اضافتين !!! مو عارف شو صار وليه صار هيك
 

المرفقات

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
784
مستوى التفاعل
795
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
نعم فالاضافتين مرتبطين مع بعض يتم تثبيتهما معا لتعمل بشكل سليم

راجع هذا الدرس

 

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .

إحصائيات المنتدى

المواضيع
348
المشاركات
2,218
الأعضاء
118
آخر عضو مسجل
sameh
أعلى