طباعة - كيفية انشاء الوضع الليلي في موقعك

أرشيف انكور
(نسخة قابلة للطباعة من الموضوع)
https://archive.iinkor.com/t1717
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

كيفية انشاء الوضع الليلي في موقعك

Admin

12-08-2021 02:21 مساءً

بسم الله الرحمن الرحيم

كيفية انشاء الوضع الليلي في موقعك
في هذا الموضوع سأقدم لكم الاكواد التي من شأنها مساعدتك في انشاء زر الوضع الليلي في موقعك وذلك من خلال ضغطةزر يمكن تحويل الخلفية والوان الخطوط الى الوضع الليلي

معاينة مثال :
w51aUYj

طريقة استخدام الاكواد :
اولا توجه نحو مكان اكواد الـ css في موقعك اضف الكود التالي

CODE

.dark-mode {<br />
&nbsp; background-color: black;<br />
&nbsp; color: white;<br />
}<br />

ومن ثم توجه نحو وسم <body> وضع اسفله الكود التالي

CODE


<script>
function myFunction() {
   var element = document.body;
   element.classList.toggle("dark-mode");
}
</script>

واخيرا هذا كود الزر ضعه في اي مكان تريده ان يظهر فيه

CODE

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

انتهى الشرح
بالتوفيق للجميع ان شاء الله
والسلام ختام

أرشيف انكور