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

أبو غَيْث

:: الإدارة العامة ::
طاقم الإدارة
23 يناير 2019
5,742
40
3,649
113
41
المغرب
xenarabia.com
إضافة أيقونات 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

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

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


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

 
إضافة أيقونات 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 وتستخدم الشروط في وضع صورة لكل قسم

احترامي وتقديري
اخوك
شقاوي
 
الشكر لكما على الرد ! وطيب الخاطر .
العزيز
XenArabia
رجاء لو تكرمت بوضع المجانية هنا ..
shqawe

سأجرب , فلا ضرر من التجريب!
 
تم ارفاق الاضافة المجانية و الاضافة المساعدة لها
في حالة كانت لديك طلبات اخرى للاضافات او الستايلات المجانية

 

المرفقات

كلمة شكرا لا تكفيفك حقك !
ولاكن ما عساي أن اقول!
بوركت عزيزي على المساعدة

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

المرفقات

  • 302.jpg
    302.jpg
    50 KB · المشاهدات: 22
التعديل الأخير:
الغريب بعد هذى الخطأ طلعلي اضافتين !!! مو عارف شو صار وليه صار هيك
 

المرفقات

  • 203.jpg
    203.jpg
    90.8 KB · المشاهدات: 23
نعم فالاضافتين مرتبطين مع بعض يتم تثبيتهما معا لتعمل بشكل سليم

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

 
اشكر ..
تم التركيب ....
طيب مش عارف وين اروح بعد ما تركبو ..ما في لوحة تحكم لاضافة الايقونات ..؟؟ لاني دورت بكل مكان مش لاقي!!!
 
ماكو ...على رأي الاخورة العراقين
ما في !
 

المرفقات

  • 502.jpg
    502.jpg
    36.3 KB · المشاهدات: 14

الأعضاء المتصلون

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

المواضيع
1,593
المشاركات
19,443
الأعضاء
1,010
آخر عضو مسجل
جيمي
أعلى