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

[أبو غَيْث]

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

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

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

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

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

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

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



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

 

[أبو عبدالله]

ماشاء الله تبارك الله

الله يزيدك علم اخي محمد

شكرا لك

 

[ِِAraby5050]

بارك الله فيك اخى محمد

 

[MesterPerfect]

جزاك الله خيرا أخ محمد وبارك الله فيك

 

[ante]

للصراحة غير مجدي
الصورة على سيرفري
كيف احطها بدل الافتراضي ؟
وكيف احط الصور بجانب كل قسم من اقسام الممنتدى

 

[أبو غَيْث]

@ante هذا الشرح لاستخدام ايقونات fontawesome و ليس صور عادية

 

[ante]

تمام
اشكرك على الرد
طيب لو سمحت ...لو بدي احط ايقونة لكل قسم من اقسام المنتدى
؟

 

[أبو غَيْث]

المشكلة هو في الصورة بحيث لازم يتم ظبطها حتى لا تظهر بشكل مشوه خصوصا في التصفح من خلال الجوال

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

Unmaintained - Iconify Custom Node Icons

Important: this add-on requires installation of Iconify Integration add-on. Click here to get Iconify Integration add-on. This add-on makes it possible to set custom icons for each node. For forums and categories you can set read and unread node...

xenforo.com

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

[XFA] Nodes Icon Tweak - XF2

Description Nodes Icon Tweak allows you to easily change the default icons of your nodes (Read, unread, pages and links). Four types of replacement icons are available: Font Awesome Icons loaded from your server Sprite image URL Latest poster...

xenforo.com

 

[shqawe]

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

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

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

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

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

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

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



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

بارك الله فيك اخوي محمد ما قصرت يالغالي درس ولا اروع

تمام
اشكرك على الرد
طيب لو سمحت ...لو بدي احط ايقونة لكل قسم من اقسام المنتدى
؟

بالنسبة لو حبيت تحط ايقونة لكل قسم فتحتاج الى التعديل على قالب node_list_category وتستخدم الشروط في وضع صورة لكل قسم

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

 

[ante]

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

 

[أبو غَيْث]

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

تلبية طلبات و إضافات و استايلات نسخة xenForo

السَلام عليكم ورحمة الله وبركاته كيف حالكم جميعا إن شاء الله بخير. تم افتتاح هذا الموضوع ليتم فيه تلبية طلبات الأعضاء في توفير الإضافات و الستايلات الأجنبية من قسم المنتجات الخاص بـموقع XenForo على الرابط التالي Resources. و ذلك لمن ليس لديهم تراخيص أو لا يستطيعون تحميل الإضافات من هناك...

xenarabia.com

 

[bousaid]

بارك الله فيك

 

[ante]

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

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

 

[ante]

الغريب بعد هذى الخطأ طلعلي اضافتين !!! مو عارف شو صار وليه صار هيك

 

[أبو غَيْث]

نعم فالاضافتين مرتبطين مع بعض يتم تثبيتهما معا لتعمل بشكل سليم

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

[ دورة XenArabia الشاملة ] المرحلة الخامسة : طريقة تركيب الإضافات و تركيب التعريب

بسم الله الرحمان الرحيم والصلاة و السلام على أشرف الخلق أجمعين أهلا وسهلا أعضاء و زوار معهد زين فورو العربية | XenArabia الكرام ، مع آخر درس من [ دورة XenArabia الشاملة ] والذي سنشرح فيها كيفية تركيب إضافات XenForo و كذا طريقة تركيب التعريب الخاص بها على بركة الله ، المرحلة الخامسة : طريقة...

xenarabia.com

 

[ante]

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

 

[أبو غَيْث]

من خلال اقسام المنتديات من لوحة تحكم المنتدى
ستجد خيار جديد عند الدخول على منتدى معين ..

 

[ante]

ماكو ...على رأي الاخورة العراقين
ما في !

 

[أبو غَيْث]

يا سيد @ante حضرتك مثل الي عزموه على البيب ووقف امام البيت ليش لانه مستحي يقلع الحذاء امزح
طيب ادخل على احد اقسام المنتدى وستجد خيار اضافة ايقونة القسم

​

 

[shqawe]

عند الدخول على اي قسم مثل ما تفضل اخوي @XenArabia سوف تجد هذين الخياريين