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

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,959
مستوى التفاعل
1,358
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
إضافة أيقونات 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
مستوى التفاعل
65
النقاط
18
الإقامة
مصر
بارك الله فيك اخى محمد


🌹🌹
 

MesterPerfect

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

ante

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,959
مستوى التفاعل
1,358
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
@ante هذا الشرح لاستخدام ايقونات fontawesome و ليس صور عادية
 

ante

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,959
مستوى التفاعل
1,358
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
المشكلة هو في الصورة بحيث لازم يتم ظبطها حتى لا تظهر بشكل مشوه خصوصا في التصفح من خلال الجوال

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


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

 

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
840
مستوى التفاعل
790
النقاط
93
الإقامة
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
المشاركات
11
مستوى التفاعل
3
النقاط
3
الشكر لكما على الرد ! وطيب الخاطر .
العزيز
XenArabia
رجاء لو تكرمت بوضع المجانية هنا ..
shqawe

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,959
مستوى التفاعل
1,358
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
تم ارفاق الاضافة المجانية و الاضافة المساعدة لها
في حالة كانت لديك طلبات اخرى للاضافات او الستايلات المجانية

 

المرفقات

bousaid

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
101
مستوى التفاعل
176
النقاط
43
بارك الله فيك :)
 

ante

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

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

المرفقات

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

ante

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

المرفقات

  • 90.8 KB المشاهدات: 11

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,959
مستوى التفاعل
1,358
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
نعم فالاضافتين مرتبطين مع بعض يتم تثبيتهما معا لتعمل بشكل سليم

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

 

ante

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,959
مستوى التفاعل
1,358
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
من خلال اقسام المنتديات من لوحة تحكم المنتدى
ستجد خيار جديد عند الدخول على منتدى معين ..
 

ante

:: الأعضاء ::
إنضم
11 يونيو 2019
المشاركات
11
مستوى التفاعل
3
النقاط
3
ماكو ...على رأي الاخورة العراقين
ما في !
 

المرفقات

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
1,959
مستوى التفاعل
1,358
النقاط
113
العمر
37
الإقامة
المغرب
الموقع الالكتروني
يا سيد @ante حضرتك مثل الي عزموه على البيب ووقف امام البيت ليش لانه مستحي يقلع الحذاء :p امزح
طيب ادخل على احد اقسام المنتدى وستجد خيار اضافة ايقونة القسم
2019-07-17_15-45-39.png
 

shqawe

:: الإدارة العامة ::
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
840
مستوى التفاعل
790
النقاط
93
الإقامة
K.S.A
عند الدخول على اي قسم مثل ما تفضل اخوي @XenArabia سوف تجد هذين الخياريين

iconfy.jpg
 

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

التعليقات المنشورة لا تعبر عن رأي معهد زين العربية ولا نتحمل أي مسؤولية قانونية حيال ذلك :: يتحمل كاتبها مسؤولية النشر ::

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

المواضيع
757
المشاركات
6,050
الأعضاء
271
آخر عضو مسجل
laznek34
أعلى