- إنضم
- 06/04/2026
- المشاركات
- 89
طريقة تحويل خيارات إلى أزرار Toggle Switch احترافية في XenForo
هل تبحث عن لمسة جمالية لصفحة إعدادات الحساب في منتداك؟ في هذا الشرح سنتعلم كيفية استبدال صناديق الاختيار التقليدية بأزرار تبديل (Toggle Buttons) عصرية باستخدام CSS فقط وبدون الحاجة لإضافات معقدة.
الملفات المطلوب تعديلها:
من لوحة الإدارة > المظهر > القوالب، ابحث عن account_preferences:
1. ابحث عن السطر التالي:
ثانياً: إضافة لمسة التصميم (CSS/Less)
ابحث عن قالب extra.less وأضف الكود التالي في نهايته:
إعداد وشرح: مهدي حميد
المصدر: منتدى كود نت
تنويه: جميع الحقوق محفوظة لكاتب الموضوع وللمنتدى، يمنع نقل الشرح إلى أي موقع آخر دون ذكر المصدر بشكل صريح.
هل تبحث عن لمسة جمالية لصفحة إعدادات الحساب في منتداك؟ في هذا الشرح سنتعلم كيفية استبدال صناديق الاختيار التقليدية بأزرار تبديل (Toggle Buttons) عصرية باستخدام CSS فقط وبدون الحاجة لإضافات معقدة.
الملفات المطلوب تعديلها:
- قالب account_preferences
- قالب extra.less
أولاً: تعديل الهيكل البرمجي (Template)
من لوحة الإدارة > المظهر > القوالب، ابحث عن account_preferences:
1. ابحث عن السطر التالي:
أضف الكلاس التالي بجانبه مباشرة:
2. ابحث عن السطر التالي:
أضف الكلاس التالي بجانبه مباشرة:
احفظ القالب وانتقل للخطوة التالية.
ثانياً: إضافة لمسة التصميم (CSS/Less)
ابحث عن قالب extra.less وأضف الكود التالي في نهايته:
إعداد وشرح: مهدي حميد
المصدر: منتدى كود نت
تنويه: جميع الحقوق محفوظة لكاتب الموضوع وللمنتدى، يمنع نقل الشرح إلى أي موقع آخر دون ذكر المصدر بشكل صريح.