شرح اضافة ايقونات بجانب الاسماء

codeNET

Administrative
طاقم الإدارة
ادارة كود نت
إنضم
06/04/2026
المشاركات
526

إضافة أيقونات مجموعات المستخدمين بجانب اسم العضو​


بداية نقوم بانشاء قالب جديد وليكن باسم user_groups_icons
عن طريق التوجه الى المظهر > القوالب > اضافة قالب

بعد ذلك نقوم بالتوجه الى قالب message_macros ونبحث عن هذا الكود

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

ونضيف بعده القالب الذي قمنا بانشائه ليكون الكود النهائي بهذا الشكل

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

والكود الكامل كما هو موجود في هذه الصورة والمحدد باللون اﻻصفر.
محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.
اﻻن نقوم بحفظ قالب message_macros ونعود الى قالبنا الذي قمنا بانشائه اﻻ وهو user_groups_icons ونضع فيه هذا الكود

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

شرح الكود​


في السطر اﻻول وهو هذا السطر

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

قمنا بالتحقق اذا كانت مجموعة العضو تساوي 2 وهو رقم مجموعة اﻻعضاء فضع هذه الايقونة

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

وفي السطر الثالث وهو هذا السطر

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

قمنا بالتحقق اذا كانت مجموعة العضو تساوي 4 وهي مجموعة المشرفين فضع هذه الايقونة

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

وفي السطر الخامس وهو هذا السطر

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

قمنا بالتحقق اذا كانت مجموعة العضو تساوي 3 وهي مجموعة اﻻدارة فضع هذه الايقونة

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

وتستطيع تكرار الكود اكثر من مرة ولكن ﻻبد ان تلاحظ ان اول سطر استخدمنا

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

بينما باقي السطور استخدمنا

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

ايضا يمكنك اضافة كلاس css لكل ايقونة كما هو موضح في المثال السابق فتجد انه تمت اضافة كلاس لكل ايقونة

فايقونات اﻻعضاء تحمل الكلاس icon_user

وايقونات المشرفين تحمل الكلاس icon_mod

وايقونات اﻻدارة تحمل الكلاس icon_admin

وباستخدام هذه الكلاسات تستطيع التحكم بلون اﻻيقونات عبر اضافة هذه الكلاسات الى قالب extra.less وكمثال بنفس هذا الكود

محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

والى هنا ينتهي شرحنا الى هذا الدرس واي نقطة غير مفهومة اسعد واتشرف باﻻسهاب في شرحها حتى تصل المعلومة

منقول من موقع : شقاوي .
 
عودة
أعلى أسفل