هيلبرنت | Helpernt - طلب الوضع الليلي dark mode

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)

- ركن مشاكل وطلبات المنتديات (https://www.helpernt.com/vb/forumdisplay.php?f=100)

- - طلب الوضع الليلي dark mode (https://www.helpernt.com/vb/showthread.php?t=12377)

KHALID ALI

08-12-2021 12:20 AM

طلب الوضع الليلي dark mode

السلام عليكم
اريد هاك او طريقة اضافة الوضع الليلي بالمنتدى اذا تكرمتم
طبعا نسخة المنتدى vb 3.8

WRONG WAY

08-12-2021 03:06 AM

رد: طلب الوضع الليلي dark mode

لا يوجد مثل هذه البرمجيات الدارك مود او الوضع الليلى هو ملف css مختلف عن الملف الاساسى من حيث الالوان والخلفيات اما بالنسبة للزر الذى يقوم يالتحويل من الملف الاساسى للملف الذى يحتوى على الوان وخلفيات الدارك مود فيتم عن طريق javascript باستخدام الـ cookies او LocalStorage او sessionStorage

Mc Nabulsy

08-12-2021 12:34 PM

رد: طلب الوضع الليلي dark mode

جرب هذه الطريق اخي

ضع الكود التالي في ورقة الـ css

كود:

 button{

            cursor: pointer;

            border: 1px solid #555;

            text-align: center;

            padding: 5px;

            margin-left: 8px;

        }

        .dark{

            background-color: #222;

            color: #e6e6e6;

        }

ومن ثم ضع الكود التالي داخل وسم <body> عشان يكون التأثير على محتوى الوسم

كود:

 <button onclick="myFunction()">تغيير الوضع</button>

     

    <script>

        function myFunction() {

        var element = document.body;

        element.classList.toggle("dark");

        }

    </script>

ومن خلال الضغط على زر تغيير الوضع سيتم الانتقال للوضع الليلي لاتاحة الخيار للاعضاء

KHALID ALI

08-12-2021 06:05 PM

رد: طلب الوضع الليلي dark mode

اقتباس:

المشاركة الأصلية كتبت بواسطة WRONG WAY (المشاركة 43288)

شكرا لك على اهتمامك

KHALID ALI

08-12-2021 06:06 PM

رد: طلب الوضع الليلي dark mode

اقتباس:

المشاركة الأصلية كتبت بواسطة Mc Nabulsy (المشاركة 43289)

جرب هذه الطريق اخي

ضع الكود التالي في ورقة الـ css

كود:

 button{

            cursor: pointer;

            border: 1px solid #555;

            text-align: center;

            padding: 5px;

            margin-left: 8px;

        }

        .dark{

            background-color: #222;

            color: #e6e6e6;

        }

ومن ثم ضع الكود التالي داخل وسم <body> عشان يكون التأثير على محتوى الوسم

كود:

 <button onclick="myFunction()">تغيير الوضع</button>

     

    <script>

        function myFunction() {

        var element = document.body;

        element.classList.toggle("dark");

        }

    </script>

ومن خلال الضغط على زر تغيير الوضع سيتم الانتقال للوضع الليلي لاتاحة الخيار للاعضاء

شكرا لك جاري التجربة emoji9

KHALID ALI

08-12-2021 06:23 PM

رد: طلب الوضع الليلي dark mode

اقتباس:

المشاركة الأصلية كتبت بواسطة Mc Nabulsy (المشاركة 43289)

emoji13 شكرا لك نجحت الطريقة clap

الساعة الآن 12:19 AM