Тёмный

[ Arabic Tutorials ] How to Create Simple Dropdown Menu 

Elzero Web School
Подписаться 1,5 млн
Просмотров 68 тыс.
50% 1

Learn How to Create Simple Dropdown Menu
Demo: codepen.io/Osam...

Опубликовано:

 

4 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 72   
@minawilson3330
@minawilson3330 8 лет назад
انا مبسوط جدا منك ... انت رجعت اتقل من الاول كمان ... ربنا معاك و كمل انت في ناس كتير بانيه احلامها عالدروس بتاعتك
@ElzeroWebSchool
@ElzeroWebSchool 8 лет назад
+Mina wilson الله يكرمك يارب تعيش و ربنا يسعدك
@ahmad-saleh
@ahmad-saleh 8 лет назад
والله يا باشمهندس انا هقولك على حاجة .. انا الحمدلله بعرف اعمل القائمة دي .. بس قررت برده اشوف الدرس لاني بحب طريقة شرحك جدا ودايما بتضيفلي جديد .. بارك الله فيك وجزاك الله كل خير :)
@ElzeroWebSchool
@ElzeroWebSchool 8 лет назад
+Ahmad Saleh الله يكرمك يارب و يسعدك تسلم و تعيش يارب و الحمد لله اني قدرت افيد و لو بحاجة صغيره
@rashamaher2335
@rashamaher2335 2 года назад
ربنا يحفظك وينور طريقك بالعلم .والله حاولت اتعلم الدروب من اكتر من خمس قنوات مفهمتش اي حاجة لحد لمة كتبت اسم حضرتك ضمن البحث. وطبقت ورا حضرتك كل خطوة قمة في السهولة والفهم. والبساطة . جزيت الجنه علي كل علم بتعلمهولنا . اسال الله العظيم ان يصب الرزق عليك صبآ . شكرا جدا جدا جدا .
@ElzeroWebSchool
@ElzeroWebSchool 2 года назад
الله يكرمك يارب وجزاكي الله خيرا الحمد لله
@hamodyomran3538
@hamodyomran3538 2 года назад
انا والله ي بشمهندس انا اول مبدأت اخد كورسات علي منصه تيرا كورس كنت بدور علي الدوره ال تقيمها اعلي بس اول مسمعت شرحك بقيت اول مبدخل دوره جديده بدور علي الدوره ال حضرتك مقدمها واسجل فيها من غير مبص علي التقييم ♥️♥️ الف شكر ي بشمهندس ♥️♥️♥️
@topbestandroidgamesapps8748
@topbestandroidgamesapps8748 8 лет назад
thank you so much my teacher i learned lots from you respect from morocco
@deshael7awy678
@deshael7awy678 Год назад
ربنا يكرمك 🤲
@medoxhunter6699
@medoxhunter6699 3 года назад
دلوقت يا بش مهندس أما بقف وتظهر ال submenu وانزل اختار حاجة منها بتختفي علطول
@abdulhafeezahmed2949
@abdulhafeezahmed2949 3 года назад
جزاك الله خير باشمهندس اسامة
@nedallwael9906
@nedallwael9906 3 года назад
الله يسعدك انت انسان اصيل موفق انشاء الله
@mehdinaimi3491
@mehdinaimi3491 8 лет назад
im very very thankful our great teacher with all my respects
@ElzeroWebSchool
@ElzeroWebSchool 8 лет назад
+Mehdi Naimi thanks so much bro
@yusufsunset4619
@yusufsunset4619 8 лет назад
جعله الله في موازن حسناتك
@kawsarfiroz2776
@kawsarfiroz2776 3 года назад
Really awsome.. I am From Bangladesh..
@omarali1093
@omarali1093 7 лет назад
والله لو ينفع اعمل اكتر من لايك لكنت عامل انا فعلا استفدت كتير من الدرس
@moody8940
@moody8940 8 лет назад
مشاءالله اخي استفدنا منك الكثير و ان شاءالله دائما سوف ندعمك اجمل شي شرحك للمصطلحات بيجعلنا نعرف بنعمل في ايه
@ElzeroWebSchool
@ElzeroWebSchool 8 лет назад
+Mohammed Diwina الله يسعدك يارب اخي تعيش
@samerdhiaa8495
@samerdhiaa8495 4 года назад
الله يحفظك وينصرك
@josephjose6693
@josephjose6693 8 лет назад
ماشاء الله اخي اسامه شكرا جزيلاا لك وربنا يكرمك ويوفقك
@hamzashami5427
@hamzashami5427 8 лет назад
جزاك الله كل خير
@aminbashanfar1914
@aminbashanfar1914 5 лет назад
you are really a great man thank you so much
@ابوبكرمحمد-د5ب
@ابوبكرمحمد-د5ب 4 года назад
اسطورة يجسدها اسطوره
@YElshamekh
@YElshamekh 3 года назад
شكرا جدا بجد استفدت كتير من حضرتك ولكن اللينك مش شغال لو فيه لينك تاني أكون شاكر لحضرتك جدا ❤
@obeid_s
@obeid_s 6 лет назад
السلام عليكم ، كيف حالك ؟ طيب يا استاذي ، menu لازم تكون رابط ؟ بمعنى ف اجهزه الجوال لما تضغط عليه يسوي ريفريش للصفحه عشان # ولا الافضل احط h3 بدال الرابط وانسقه ب الجافاسكريبت ، عشان تشتغل للجوال والاجهزه المكتبيه يعني احط onclick بالجافاسكريبت للجوال واخلي css بـ hover للاجهزه المكتبيه وشكرًا
@samerelhamdo1104
@samerelhamdo1104 7 лет назад
دوختني حركة البوردر انو طلعت بشكل هرم !!!!! بس الحمد لله فهمتها 100% لانو المحتوى بداخل البورد 0px والبوردر سماكتو 6px ومقطوش من الزوايا لانو اللون مختلف .. المهم حركة كتير حلوة وجزاك الله كل خير
@mmmssw1
@mmmssw1 8 лет назад
شكراا جزيلا يا مبدع
@ElzeroWebSchool
@ElzeroWebSchool 8 лет назад
+‫احمد البياتي‬‎ الله يسعدك يارب تعيش :)
@algabarty
@algabarty 6 лет назад
الله يبارك فيك ..
@ahmedeldeep12
@ahmedeldeep12 8 лет назад
شكرا جدااا لحضرتك يا بشمهندس اسامه لو سمحت ياريت تقولى على طريقه ان اضغط على القائمه تظهر قايمه مش بال hover
@ElzeroWebSchool
@ElzeroWebSchool 8 лет назад
+ahmed eldeep الله يوفقك يارب بالكليك هتحتاج ايفنت جيكويري علشان يظهر المينيو بالكليك و بسيطة جدا لو اتعلمت اول درس في كورس الجيكوير يخص الايفنت في القناه هتفهم فكرتها $('button').click(function () { // $('menu').show(); });
@ibrahimgamal6414
@ibrahimgamal6414 8 лет назад
تسلم يا مبدع
@abdalzez6650
@abdalzez6650 4 года назад
شكرا كتير الك
@khaledalkhodier5586
@khaledalkhodier5586 6 лет назад
السلام عليكم , انا عملت منيو مع دروب ليست لكن حطيت مع النفيغيشن بار لوغو , بحيث يكون اللوغو على اليسار والدروب منيو تكون على اليمينو لكن فشلت المحاولة وماعرفت الحل مع العلم كنت عاملها مع اوفرفلو , وهي المشكلة في الاوفرفلو هي يلي وقفت حركة الدروب منيو, ياريت لو عندك حل تفيدني في, شكرا لك
@marwanmohamed337
@marwanmohamed337 2 года назад
استخدم clear لا تستخدم overflow
@BooksAndBooks3776
@BooksAndBooks3776 6 лет назад
استاذ عظيم ... اقل وصف لحضرتك ... عندى سؤال استاذى - هل عناصر القائمة يمكن اضافتها من قاعدة بيانات لاننى استخدم برنامج فيجوال بيسك اسب (فى بى و ليس سى شارب )
@ElzeroWebSchool
@ElzeroWebSchool 6 лет назад
الله يكرمك يارب ويحفظك نعم ممكن اضافتها من اي مكان عادي
@abdullahaamer6323
@abdullahaamer6323 3 года назад
جزاك الله خيرا لكن لماذ ا روابط الكود بن لاتعمل...؟
@samerdhiaa8495
@samerdhiaa8495 5 лет назад
فيديو احترافي
@أبوعبداللهأحمدبنعبدالله
أني مش عاف طبقت كل حاجة لكن مش عارف أوصل لنفس النتيجة فهل ممكن ده بسبب إني الفديو بقاله حوالي ٦سنين
@mohamednassim6709
@mohamednassim6709 5 лет назад
thanks a lot
@nassreddin7407
@nassreddin7407 3 года назад
انا.كاتب.كل.حاجة.في.html.بشكل.صحيح.لكن.في.كود.ul.في.css.ماشتغلش.عندي.معاك.الحل?
@health8248
@health8248 5 лет назад
كيف اخي اقوم بعمل نافذة منسدلة داخل مشاركات المواضيع اضع فيها لنكات تحميل الملفات
@ahmed.samir.mo1
@ahmed.samir.mo1 2 года назад
انا عايز اضيف الدروب داون منيو علي html مفيهاش المنيو من الاساس و الموقع بالفعل شغال
@haduta688
@haduta688 Год назад
ازاي اخلي اللينك ادوس علي اي حته فاضيه فيه يدخلنلي عليه من غير ما ادوس علي لينك نفسه
@majedhelal1027
@majedhelal1027 6 лет назад
ألف شكر
@AliJamil-p6b
@AliJamil-p6b 4 года назад
عظييم
@amr_hendawy
@amr_hendawy 8 лет назад
السلام عليكم أ/اسامة .navigation .menu:hover .submenu اكيد كده في فرق بين اني احط الهوفر في كل مكان للنيست وايه اللى خلاني احطه بالشكل ده وده معناه ان بقية النيست اللى بعد الهوفر يبقى ملغي ولا ايه السلام عليكم
@ElzeroWebSchool
@ElzeroWebSchool 8 лет назад
+Amr Hendawy عليكم السلام معناه هنا اني لما اعمل هوفر عليه بتحكم في عنصر جواه معين مش بتحكم فيه هو مثلا لما تحب انك تغير شكل صورة او لينك جوة الاب بتعمل هوفر عليه و تختار العنصر .element:hover .child-element و هكذا
@amr_hendawy
@amr_hendawy 8 лет назад
+Elzero Web School Perfect now I understanding what you code Thank you MR:Osama
@PPAALLEESSTTIINNEE
@PPAALLEESSTTIINNEE 7 лет назад
السلام عليكم و رحمة الله اخي مشكور جزيلا على جهدك العظيم , i saw that .navigation > li a{ } couldnt skip over the the .submenu li a{} it took the same color of font and the text-decoration from . in my code it changes whatever i do to . so im basicly saying that it didnt change only for the direct child only... so why the direct child property ">" is not working here? thank u again
@algabarty
@algabarty 6 лет назад
الله يرفع من قدرك ... التكرار يعلم الشطار هههههههههههه
@grayamv3684
@grayamv3684 4 года назад
مافهمت ولا شيئ ، حاول ان تعمل فيديوهات بتتكلم باللغة العربية ليس باللهجة المصرية لأن اغلب متابعينك من الوطن العربي،مع الرغم من ذلك طبقت الاكواد التي كتبتها انت ونجحت.شكرا
@Mohamed03ds0max
@Mohamed03ds0max 4 года назад
ممكن اعرف ايه المحرر اللى سيادتك بتكتب بيه ده
@ElzeroWebSchool
@ElzeroWebSchool 4 года назад
Brackets لكن حاليا بستخدم Visual Studio Code
@hamzahalhajji7032
@hamzahalhajji7032 5 лет назад
كيف اجعل القائمه تبدا من اليمين
@samerdhiaa8495
@samerdhiaa8495 5 лет назад
اعجبني 100 %
@sweetysweet8831
@sweetysweet8831 3 года назад
ل شو بستخدم الاشاره < في كود css
@coc.1
@coc.1 2 года назад
for direct child
@mohamednassim6709
@mohamednassim6709 5 лет назад
ty
@mohamedsalem3861
@mohamedsalem3861 7 лет назад
بالنسبة للتنسيق .. ايه في الفرق بين انك تستخدم ul او class الul ؟؟
@ElzeroWebSchool
@ElzeroWebSchool 7 лет назад
مفيش اي فرق لكن لما يكون عندك اكتر من ul ممكن يحصل لغبطة وقتها بتستخدم الكلاس
@AbdoNasser710
@AbdoNasser710 6 лет назад
السلام عليكم أ/أسامة ازاي أعمل transition للــSubmenu يكون لمدة زمنية
@sobhanaalah4131
@sobhanaalah4131 6 лет назад
انصحك يا اخي لفعل عدد من li وال نقل 5 كل ماعليك كتابة li*5 ثم enter
@ElzeroWebSchool
@ElzeroWebSchool 6 лет назад
لا استعمل اي اختصارات لان الناس بتجربها ومش بتشتغل معاهم في المحرر الخاص بيهم وبيفضلوا يسالوا ويكتبوا تعليقات كتير ويقولوا ليه مش بتشتغل عندنا علشان كدة بسيب كل شيء طبيعي لكن في الشغل انا بستعمل الاختصارات دايما
@algabarty
@algabarty 6 лет назад
مراجعه
@RaedNahaal
@RaedNahaal 8 лет назад
ماشاء الله اخي اسامه شكرا جزيلاا لك وربنا يكرمك ويوفقك
@ElzeroWebSchool
@ElzeroWebSchool 8 лет назад
+Raed Nahaal تعيش اخي الحبيب و جزاك الله كل خير
@samirabboud2432
@samirabboud2432 7 лет назад
جزاك الله خيرا
Далее
БАГ ЕЩЕ РАБОТАЕТ?
00:26
Просмотров 270 тыс.
Create a CSS only Mega Dropdown Menu
21:14
Просмотров 82 тыс.
How To Make Drop Down Menu Using HTML And CSS
8:37
Просмотров 401 тыс.