XF 2.3 استايل "codeNET Neon-Glass" الحصري للوضع الداكن العميق لمنتديات زين فورو 2.3

[codeNET]

إطلاق استايل: CodeNET Neon-Glass (الجيل الثالث)​

التوافق الحصري مع نسخة XenForo 2.3.x

مقدمة المشروع​

بعد عمل دؤوب وتجارب مكثفة، نضع بين أيديكم الإصدار المطور من استايل CodeNET Neon-Glass. تم بناء هذا الاستايل ليكون متوافقاً كلياً مع معماريّة الجيل الثالث من سكربت زين فورو (v2.3)، مع التركيز على تحسين تجربة المستخدم عبر تقنيات الـ CSS الحديثة والاستغناء عن الصور الثقيلة لضمان سرعة فائقة.

---

---

الشكل على الهاتف :

المميزات التقنية والجمالية​

1. هندسة التوافق مع v2.3:
تم تحديث كافة الكلاسات البرمجية لتتوافق مع محرك XenForo 2.3 الجديد، مع دعم كامل للخطوط والرموز المحدثة، وضمان استقرار القوالب دون أخطاء برمجية.

2. واجهة Glassmorphism المتقدمة:
يعتمد الاستايل على تأثيرات التغبيش الزجاجي (Backdrop Blur) في الهيدر، القوائم الجانبية، وحتى في لوحة العضو، مما يمنحه مظهراً مستقبلياً جذاباً.

3. كبسولة التنقل الذكية (Floating Navigation):
ميزة حصرية للجوال؛ شريط تنقل سفلي عائم بتصميم زجاجي يختفي في وضع سطح المكتب ويظهر في الجوال، مما يسهل الوصول للروابط الأساسية بلمسة واحدة.

4. الهيدر الزجاجي المثبت (Sticky Glass Header):
عند التمرير للأسفل، يتحول الهيدر العلوي إلى شريط زجاجي شفاف بلمسات نيون سيان، مما يحافظ على تركيز الزائر على المحتوى مع بقاء أدوات التنقل متاحة.

طريقة التركيب والشرح​

1. قم بتحميل ملف الاستايل (XML) المرفق.
2. توجه إلى لوحة تحكم المنتدى > المظهر > الاستايلات > استيراد.
3. بعد الاستيراد، توجه إلى قالب extra.less للتأكد من وجود التعديلات المخصصة التي أضفناها.
4. للحصول على أفضل مظهر للخطوط، تأكد من ضبط خط "google" من إعدادات الاستايل العامة.
5. جعل ثيم المنتدى فقط الداكن عند الاستخدام وذلك عنطريق >> المظهر >> اعدادات الاستايل >> الالوان الاساسية او في لوحة الالوان >> ثيم المخصص اختر فقط الداكن , الداكن في الخيارين .

معلومات البرمجة والمصدر​

اسم العمل: CodeNET Neon-Glass v1.0
إصدار الاستايل المدعوم: XenForo 2.3 (الجيل الثالث)
المطور الرئيسي: Mahdi Hamid
حقوق المصدر: منتدى كود نت - codeNET

ملاحظة المطور: تم تشفير حقوق المطور برمجياً داخل كود CSS لضمان استمرارية الدعم الفني للاستايل. نرجو عدم التلاعب بالأكواد للحفاظ على تنسيق الفوتر وجمالية التصميم.

شكراً لثقتكم بمجتمع codeNET، ونعدكم بمزيد من الإبداعات البرمجية قريباً.

style-codeNET-Neon-Glass

MediaFire is a simple to use free service that lets you put all your photos, documents, music, and video in a single place so you can access them anywhere and share them everywhere.

www.mediafire.com

---

التحديثات الاخيرة :

اضافة تعديل >> اخفاء الكبسولة في المسارات الغير ضرورية :
لوحة تحكم منتدى >> المظهر >> اختر استايل Neon Glass >> قالب extra.less ~ اضف هذا الكود بالاسفل ؛

/* --- codeNET Smart Dock - Home Page Only & Mobile Only --- */

.navigation-dock {
    display: none !important;
}


@media (max-width: 900px) {
    .template-forum_list .navigation-dock {
        display: flex !important; /* تظهر فقط في الرئيسية هنا */
        position: fixed !important;
        bottom: 30px !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        width: 280px !important;
        height: 60px !important;
        background: rgba(10, 10, 10, 0.96) !important;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-radius: 50px !important;
        border: 1px solid rgba(0, 242, 255, 0.3) !important;
        z-index: 99999 !important;
        justify-content: space-around !important;
        align-items: center !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 1) !important;
    }
}


@media (min-width: 901px) {
    .template-forum_list .navigation-dock {
        display: none !important;
    }
}

 

[leader908]

تسلم الأيادي استاذ مهدي

 

[codeNET]

تسلم الأيادي استاذ مهدي

شكرًا لك ..
اخي محمود