شرح نقل زر تغير الثيمات الى الهيدر

[codeNET]

متوافقة مع إصدارات XF
2.1 , 2.2

متطلبات إضافية
هذه التعديلة تتطلب أن يكون لديك قالبين، واحد فاتح والآخر داكن. نحتاج إلى معرفة ID الخاصين بهما.

إضافة زر تبديل النمط الفاتح والداكن​

تعديل القالب هذا سيضيف زراً إلى مجموعة التصفح (قبل زر البحث) للسماح للمستخدمين بالتبديل بين النمط الفاتح والنمط الداكن.

1. إنشاء تعديل قالب جديد:​

القالب:	PAGE_CONTAINER
المفتاح:	add_a_style_switcher_button_to_navgroup (أو أي شيء تريده)
حقل البحث:	<a href="{{ link('whats-new') }}"
حقل الاستبدال:	محتوى مخفي: الروابط والأكواد تظهر فقط للأعضاء الذين قاموا بالرد على هذا الموضوع.

تذكر: استبدل YOUR_LIGHT_STYLE_ID و YOUR_DARK_STYLE_ID بـ ID النمط الفاتح و ID النمط الداكن (على سبيل المثال 2 و 3):

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

2. تنسيق زر التبديل​

الآن، سنقوم بتنسيق زر التبديل بأيقونة FA، أضف كود css هذا إلى ملف extra.less:

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

3. تعيين النمط الافتراضي​

قم بتعيين أحد القالبين أعلاه كالنمط الافتراضي.
الآن يمكننا النقر على الزر للتبديل بين النمط الفاتح والداكن:

حقوق النشر - كود نت

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

 

[masrysat.com]

بارك الله فيك

 

[codeNET]

بارك الله فيك

طبعًا صديقي هذا شرح خصيصًا لك انتَ طلبته بمنتدى الاستاذ الفاضل والاخ شقاوي .

 

[masrysat.com]

شكرا لك اخى انت ذكر بالموضوع انو للجيل الثانى
انا على احدث نسخه

 

[codeNET]

شكرا لك اخى انت ذكر بالموضوع انو للجيل الثانى
انا على احدث نسخه

تعديلات على القوالب لاتحتاج الى ترقية نسخة اوماشابه ، يمكنك التجربة على الاستايل الافتراضي @masrysat.com