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

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

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,698
مستوى التفاعل
2,885
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
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

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

ante

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

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,698
مستوى التفاعل
2,885
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
xenarabia.com
@ante هذا الشرح لاستخدام ايقونات fontawesome و ليس صور عادية
 

ante

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

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,698
مستوى التفاعل
2,885
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
xenarabia.com
المشكلة هو في الصورة بحيث لازم يتم ظبطها حتى لا تظهر بشكل مشوه خصوصا في التصفح من خلال الجوال

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


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

 

shqawe

ربي أشرح لي صدري
طاقم الإدارة
إنضم
27 يونيو 2019
المشاركات
2,009
مستوى التفاعل
1,796
النقاط
113
الإقامة
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

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

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,698
مستوى التفاعل
2,885
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
xenarabia.com
تم ارفاق الاضافة المجانية و الاضافة المساعدة لها
في حالة كانت لديك طلبات اخرى للاضافات او الستايلات المجانية

 

المرفقات

  • Iconify-Iconify-0.0.3.zip
    66.2 KB · المشاهدات: 9
  • Iconify-NodeIcons-0.0.3.zip
    17.5 KB · المشاهدات: 9

ante

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

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

المرفقات

  • 302.jpg
    302.jpg
    50 KB · المشاهدات: 19
التعديل الأخير:

ante

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

المرفقات

  • 203.jpg
    203.jpg
    90.8 KB · المشاهدات: 20

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,698
مستوى التفاعل
2,885
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
xenarabia.com
نعم فالاضافتين مرتبطين مع بعض يتم تثبيتهما معا لتعمل بشكل سليم

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

 

ante

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

أبو غَيْث

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
4,698
مستوى التفاعل
2,885
النقاط
113
العمر
38
الإقامة
المغرب
الموقع الالكتروني
xenarabia.com
من خلال اقسام المنتديات من لوحة تحكم المنتدى
ستجد خيار جديد عند الدخول على منتدى معين ..
 

ante

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

المرفقات

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

أبو غَيْث

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

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

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

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

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

المواضيع
1,451
المشاركات
14,880
الأعضاء
547
آخر عضو مسجل
munadi99
أعلى