في هذا الفيديو التعليمي ، أوضحت كيفية إنشاء شريط قائمة تنقل سريع الاستجابة باستخدام HTML CSS وجافا سكريبت مع وضع أو سمة داكنة وخفيفة. الميزة المثيرة لهذا الموقع هي أن السمة المحددة لن تتغير إذا قمنا بتحديث الصفحة أو أعدنا فتح الملف ويمكنك إغلاق الشريط الجانبي عن طريق النقر فوق أي منطقة من صفحة الويب. لقد أضفت شريط بحث في شريط التنقل هذا وشريط التنقل هذا مستجيب تمامًا. لقد قدمت جميع الكود المصدري لشريط التنقل هذا ، الرابط أدناه.
الطوابع الزمنية:
01:44 استيراد خطوط Google - Poppins
02:44 استيراد أيقونات الخطوط - الصناديق
02:58 كود HTML لشريط قائمة التنقل
03:52 كود CSS لقائمة Navbar
04:07 إنشاء متغيرات اللون لقائمة Navbar
08:15 إنشاء مؤشر ارتباط التنقل في CSS
10:00 إضافة الوضع الداكن والخفيف أو ميزة المظهر في شريط التنقل
19:36 تكوين شريط البحث في شريط التنقل
25:34 جعل شريط قائمة التنقل مستجيبًا
الإشتراك: https://www.youtube.com/c/CodingLabYT/featured
www.youtube.com
كيفية إنشاء شريط قائمة تنقل سريع الاستجابة باستخدام HTML CSS & JS | وضع الظلام / الضوء
في هذا الفيديو التعليمي ، أوضحت كيفية إنشاء شريط قائمة تنقل سريع الاستجابة باستخدام HTML CSS وجافا سكريبت مع وضع أو سمة داكنة وخفيفة. المثير