شرح إضافة قائمة منسدلة احترافية إلى الهيدر في XenForo 2.3

[codeNET]

إضافة قائمة منسدلة احترافية إلى الهيدر في XenForo 2.3​

إذا كنت ترغب بإضافة زر يحتوي على قائمة منسدلة داخل الهيدر في منتدى XenForo، فهذا التعديل يوفر لك طريقة بسيطة وأنيقة لإضافة قائمة مخصصة تظهر داخل شريط التنقل العلوي.

التعديل متوافق مع إصدار XenForo 2.3 ولا يحتوي على علامة تجارية ظاهرة، كما يمكن تخصيص الروابط والألوان بسهولة بما يتناسب مع تصميم منتداك.

مميزات التعديل​

• إضافة قائمة منسدلة داخل الهيدر.
• سهولة تخصيص الروابط والأزرار.
• تصميم خفيف ومتوافق مع أغلب الاستايلات.
• إخفاء الزر تلقائيًا على الهواتف الصغيرة.
• لا يحتاج إلى إضافات خارجية.

طريقة التركيب​

قم بالدخول إلى لوحة التحكم ثم توجه إلى:

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الكود المخفي

بعدها افتح قالب:

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الكود المخفي

وابحث عن الكود التالي:

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الكود المخفي

ثم أضف الكود التالي أسفله مباشرة:

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الكود المخفي

إضافة أكواد CSS​

الآن توجه إلى قالب:

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الكود المخفي

وأضف الكود التالي:

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الكود المخفي

شرح التعديل​

يقوم هذا الكود بإضافة زر جديد داخل شريط التنقل العلوي، وعند الضغط عليه تظهر قائمة منسدلة تحتوي على روابط مخصصة يمكنك تعديلها حسب احتياجات منتداك.

كما أن التعديل يحتوي على تنسيق CSS جاهز يمنح الزر شكلًا احترافيًا مع دعم إخفائه تلقائيًا على الشاشات الصغيرة لتحسين التوافق مع الهواتف.

تخصيص الروابط​

يمكنك تغيير الروابط الموجودة داخل القائمة بسهولة عبر تعديل هذا الجزء:

يجب عليك تسجيل الدخول او تسجيل لمشاهدة الكود المخفي

ويمكنك إضافة عدد غير محدود من الروابط داخل القائمة.

ملاحظات مهمة​

• يفضل أخذ نسخة احتياطية قبل تعديل القوالب.
• قد تحتاج لتعديل الألوان لتتناسب مع الاستايل المستخدم.
• يمكن تغيير نص الزر من:
  
  يجب عليك تسجيل الدخول او تسجيل لمشاهدة الكود المخفي
  
  إلى أي نص عربي تريده مثل:
  
  يجب عليك تسجيل الدخول او تسجيل لمشاهدة الكود المخفي
• متوافق مع XenForo 2.3.

الخلاصة​

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

 

[for sat]

شكرا للحركة الجميلة

 

[for sat]

ملاحظة صديقي :
ياريت مثل هذه التعديلات تكون مصورة او أمثلة عليها حتى لا يتعب عليه عضو و بالنهاية لا تعجبه ...

 

[codeNET]

ملاحظة صديقي :
ياريت مثل هذه التعديلات تكون مصورة او أمثلة عليها حتى لا يتعب عليه عضو و بالنهاية لا تعجبه ...

ان شاء الله استاذنا ..
ساحرص على النشر المصور ..