كيفية إنشاء الحد الأدنى من شريط القوائم المنسدلة باستخدام HTML و CSS فقط

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

القائمة المنسدلة (تسمى أحيانًا القائمة المنسدلة أو القائمة) هي عنصر تحكم رسومي مصمم لمساعدة الزوار في العثور على صفحات أو محتويات أو ميزات معينة على موقع الويب الخاص بك. يشير النقر فوق عنوان قائمة المستوى الأعلى أو التمرير فوقه إلى قائمة بالخيارات إلى القائمة المنسدلة.

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

إذا كنت تشعر بصعوبة في فهم ما أقوله. يمكنك مشاهدة فيديو تعليمي كامل على هذا البرنامج (الحد الأدنى من شريط القائمة المنسدلة مع القائمة الفرعية باستخدام HTML و CSS).

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

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

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