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

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

[شرح]
أدوات الموضوع

أدوات الموضوع

عرض نسخة صالحة للطباعة

أرسل هذا الموضوع إلى صديق

: [شرح] كيفية انشاء الوضع الليلي في موقعك

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

Admin

.:: فريق الإدارة ::.

تاريخ الإنضمام : 15-01-2020

رقم العضوية : 1

المشاركات : 2236

الدولة : فلسطين

الجنس :

تاريخ الميلاد : 11-9-1998

الدعوات : 18

قوة السمعة : 440

موقعي : زيارة موقعي

من مواضيع :Admin

	دور نص الرابط في تحسين تج ..
	إصلاح لوحة تحكم aaPanel
	لماذا يجب أن تنتقل من الا ..
	بادئة للمواضيع بالوان مخت ..
	جافا سكريبت اضافة ايقونة ..

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

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

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

معاينة مثال :

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

طريقة استخدام الاكواد :

اولا توجه نحو مكان اكواد الـ 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>

انتهى الشرح

بالتوفيق للجميع ان شاء الله

والسلام ختام

: توقيع :Admin

: للتواصل مع الادارة بشأن اي موضوع : لمشاهدة الروابط يلزمك التسجيل

: اضافة رد جديد اضافة موضوع جديد

الكلمات الدلالية

« تعرف على كيفية إنشاء زر "اقرأ المزيد - اقرأ أقل" باستخدام JavaScript. | لا يوجد»

الساعة الآن 09:12 PM