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

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

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
326
مستوى التفاعل
457
النقاط
63
الإقامة
المغرب
الموقع الالكتروني
إضافة أيقونات 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
مستوى التفاعل
62
النقاط
18
الإقامة
مصر
بارك الله فيك اخى محمد


🌹🌹
 

MesterPerfect

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

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

أعلى