Pure CSS Dropdown Menu Tutorial in Hindi / Urdu
In this tutorial you will learn pure css dropdown menu in hindi urdu.You will also learn how to make multi dropdown menu in css html in hindi.
✅ CSS Tricks & Tips Playlist in Hindi / Urdu
• CSS Tricks and Tips in...
✅ Official Website
www.yahoobaba.net/
✅ Follow us on Facebook
/ yahooobaba
✅ Follow us on Twitter
/ yahooobaba
#css #css3 #html #webdesign
Пікірлер: 190
awesome sir, lekin sir agr aap sub menu or deep menu bad mai add krte phle main menu ko smjhate to jyada accha hota esse position or achhe se smjh mai aa jati ye thoda experience vale hi smjh payenge fresher nhi..... and overall good. thank you sir
You made it complicated for beginners, You should have been a little simple at first, then later you can do it after understanding. I found it very hard, probably everyone who is a HTML learner. I hope you understood me!!!
It is my favorite youtube channel where I can spend more time compared to other KZreadr. This channel content the best video lecture with full experience. Thank Baba ji🤓🤓🤓👍👍
It is my favorite KZread channel cause is example and excellent explained
Yahoo baba always comes with new things...
You are best teacher 👌🏻🙏🏻
Thanks brother it was very helpful for me !
Tysm you are such a gem
ap ke ye vedio mere buhoot kaam aay
Best Tutorial ever.❤️👌
@YahooBaba
2 жыл бұрын
Thanks :)
Thank you sir
sir md5() function jyda best h ya blowfish ???
Thank you sir I love your tutorial
@YahooBaba
4 жыл бұрын
Thanks and welcome
Very helpful video....Thanks sir
@YahooBaba
3 жыл бұрын
Most welcome
Thank You, Sir, for your hard work.
Sir you're great. Clear cut instructions in Hindi- Just amazing!
@YahooBaba
2 жыл бұрын
Thanks for liking :)
fantastic
Superb
Thank a lot sir... You are great 🙏🙏🙏🙏 Mujhe apke KZread channel se bahut sikhne ko mila he thank you so much sir....
@YahooBaba
Жыл бұрын
Your most welcome :)
@myhelpdesk6414
Жыл бұрын
@@YahooBaba sir mera ek question he apse, mujhe english bolna nahi ataa to kya meri coding line me job lag sakti he.
@myhelpdesk6414
Жыл бұрын
Sir please reply me...
Thank-you Sir.
@YahooBaba
4 жыл бұрын
Your welcome Achyut :)
Awesome baba ji... Hope we"ll get the tutorial of mobile responsive d d menu very soon... 😁
Thanks sir this good easy video, I like you word
@YahooBaba
3 жыл бұрын
Thanks and welcome
well explain, baba. appreciated.
@YahooBaba
2 жыл бұрын
Thanks for liking
thanks you
Thanks yahoobaba
@YahooBaba
4 жыл бұрын
Your welcome Ravinder :)
Nice
Nice tutorial
@YahooBaba
2 жыл бұрын
Thanks
Love you sir 😍
@YahooBaba
4 жыл бұрын
Thanks Honda :)
Sir .html file Mai Jo Likha kaam Kara lekin menu.css Mai Jo Likha bilkul kaam nhin Kia. Ye toh nhin kai mainay pehlay Sai style.css Ki file link Kari hui Hai? Plz help.😢
My favorite Color contrast
Sir *Mega Menu* Banana sekhae jis ma humara pas Images and different list hotan han? Thank you for the awesome tutorial.
sir how float : left ; made things horizontal from vertical at 9:58
nice bro apki video ka wait kar raha tha
@YahooBaba
4 жыл бұрын
THanks Shahzaib... Actually Corona virus ne kaam ki aise taise kar rakhi hai.
@ShahzaibKhan-wh5hh
4 жыл бұрын
@@YahooBaba g sir or ap ki tabiat thk h na
Your voice is good sir
@YahooBaba
4 жыл бұрын
Thanks :)
THANK YOU VERY MUCH SIR. REQUEST YOU FOR A VIDEO ON HAMBURGER AND BLOBS.
@YahooBaba
4 жыл бұрын
Coming soon :)
@maheshchugani9368
4 жыл бұрын
@@YahooBaba THANK YOU SIR.☺
sir very nice video
@YahooBaba
4 жыл бұрын
Thanks Faisal :)
What a tutorial man!! Thank you so much
@YahooBaba
4 жыл бұрын
Glad you liked it!
Hi Sir Please Upload Full Responsive Menu Video with open dropdown in click in mobile and open dropdown on hover in desktop ......
sir make more videos on it like pure css slider,modal,img gallery, responsive navbar with flex box,side bar ec with pure css
@YahooBaba
3 жыл бұрын
Yes sure i will make it
Zaber10♥️
@YahooBaba
4 жыл бұрын
Thanks Rizwan :)
@mohammadrizwan5927
4 жыл бұрын
Bss koshish krty hain ap sa kuch new mil Jay seekhnay ko jis sa faida ho or ap Hmesha is koshish pa puray utr ty hain 🎉🎉😇
Sir float krne k bad center krne tareeqa aur header fixed krne py pura navbar ajeeb ho jata hai iska koi hal?
Sir thank you but mujay 1 msla darpash hy jb li ko display none krta hun or baad hover me display block krta hun to ye kaam nhi krta is ki kiya wajha hy
@YahooBaba
4 жыл бұрын
Yeh toh dekh kar he pata chalega ki kya msla hai, lekin aap yha de code dekh kar compare kar lijiye ki kya difference hai : www.yahoobaba.net/lab/pure-css-dropdown-menu
Hello Yahoo baba, I love the way to explain ,but sometimes you skip some lines...at time 9:55 in vs code line 31: when you wrote float: left ,then all the text of menu got invisible.. you just said text got invisible, I want to know why it is becoming invisible on doing float left... I am struggling in understanding the same...please check those things as these things always create problem while laying out...
@YahooBaba
11 ай бұрын
Hello Rajat, have you heard about clearfix problem. If not then see these videos : kzread.info/dash/bejne/Z32KxNewotXXcqg.html kzread.info/dash/bejne/ZGSes7uQnNKcf84.html This problem is something like that.
Sir make video on more project basis web project
@YahooBaba
3 жыл бұрын
Yes sure
dopdown menu is possible without using float. kyu li maine jitne bhi videos dekhi sab me float use kiya hai
when we hover on menu drop menu showing but when we remove cursor from main menu the drop list going quick hide.. matlab k mouse rakhne se ruka rehta hai drop menu jese hi mouse hataya ek dam jhatke se ata ha ijhatkle disappear agar hame drop menu par cursor lana hai to ek dum disappear hojata hai konsi property miss ya wrong hai ??
@YahooBaba
3 жыл бұрын
Use CSS Transition property for that
sir, i m making a website i tried this but can u tell me, how can right or centre align this dropdown.... will wait for ur reply
@YahooBaba
4 жыл бұрын
for right use float : right; for center align remove float property and use margin : 0 auto;
Cha gay ho bhai. Subscribed! Appkay Charan Kidhar hain appkay Ashirwaat leynay hain. 😁
@YahooBaba
2 жыл бұрын
Hahaha .... Your welcome :)
I'm Two time vaccination champion India, my friend.
excellent bhi lkn agr flex used kar k karwady tu kya he bat hai??
Sir apse ek request h ap jo b topic ka tutorial banate h agar uska responsive b bana denge sath me to samjhne me bohat easy hoga ex... Navigation, drop-down, website layout in sb ka responsive video bana dijiye pls...
@YahooBaba
3 жыл бұрын
Yes sure.
@priyankabhaurjar
3 жыл бұрын
@@YahooBaba thank u so much sir.... U r the best tutor that I have ever met online... U cleared all my doubts in very easy way.... God bless u sir...from pune
Thank you sir, kya drop-down se dusre page me kaise redirect karte hai kya woh bata sakte hai
@YahooBaba
3 жыл бұрын
Uske liye anchor tag mein href="" property ke andar doosre page ka path pass kardo.
Sir aapke jitne bhi tutorial h esaki koi download cupy nahi aati aapke paas like...CD..pandrive etc
Bhai plz LARAVEL and AJAX ke video banaona ye to design Baad me kar lenge
Sir your website is amazingly designed !! Please let us know about these type of functionality that you used in your site. And what Languages and technologies you used in this website ?
@YahooBaba
4 жыл бұрын
My website is developed in Codeigniter and JavaScript
@AnujGupta-kw9sw
4 жыл бұрын
@@YahooBaba then sir plzz start new tutorials to advance.
Sir Issi ko php sending dynamic krdo Maja Aajaega
Sir php ki next video kb upload karenge
sir header ke bi codding kr ke smjao
Sir please isko mobile pr bhi adjust krna shikao on click pr kaise show hota hai submenu please its request
Very very good
@YahooBaba
9 ай бұрын
Thanks
create a video on hamburger menu and responsive meny
@YahooBaba
4 жыл бұрын
Coming soon :)
sir please phely navigation bar sikhadain!
sir my problem is my sub menus disappear on hovering what is the reason behind that
@YahooBaba
9 ай бұрын
Please compare your code with this link's code : www.yahoobaba.net/lab/pure-css-dropdown-menu
sir ap please (ajax, jquery with asp.net mvc) pr vedio bnaye hindi me qk ap achi tarah samjha rhe ha,
@YahooBaba
4 жыл бұрын
Ajax with PHP jQuery 2 days mein shuru hone wala hai.
@salmanshareefqureshi9644
4 жыл бұрын
@@YahooBaba lekin ye (asp.net mvc) se thora diffrent hogi
sir please Python pe Bhi kam kerwaen
very complicated kr diya ha ap na for beginners
@YahooBaba
Жыл бұрын
Bhai isko isse aasan tareke se main nahi samjha sakta.
Im glad that All the css codes are running properly, but the last css code is not working.. Please help
@YahooBaba
2 жыл бұрын
Which last CSS code ?
It would be very nice to see the source code of both files for comparing all the uls and lis side by side.
Bro Can you make like this with JavaScript , because I want learn hover navigation menu with js. plz plz 🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🤚🏼🤚🏼🤚🏼🤚🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🤚🏼🤚🏼🤚🏼🤚🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼
How will I make it as responsive drop-down menu? Could you plz explain?
@YahooBaba
3 жыл бұрын
For that we have to use Javascript or jQuery. I will make a separate video on it.
Sir menu ma agar hover k bajay click krny pe sub menu display kerna ho tu kasy kary.
@YahooBaba
2 жыл бұрын
Uski jagha par (:focus) pseudo class use karenge.
Hello, sir. how are you doing? I have a small question? are there any plans for you to teach tutorials regarding 'Angular JS'? please do teach about Angular JS too, if there is any chance! thank you, sir!
@YahooBaba
4 жыл бұрын
Yes I will teach AngularJs, React Js, Node JS, Vue JS after completing PHP course.
@josephjoe6060
4 жыл бұрын
Ok Bhai, thank you so much.
Sir iske liye itna likhna prega hm bootstrap se nhi krskte ye? Please rply
@alltechsimplified2134
4 жыл бұрын
you can
@YahooBaba
4 жыл бұрын
Coder ka kaam he hota hai sara din likhna.... toh likhne se kyu dar rahe ho. I daily code for 11 to 13 hours
Side nav bar b bta den sir
Salam sir larvel ki series kb ayego
@YahooBaba
4 жыл бұрын
After completing PHP course codeigniter and laravel course aayeinge.
Agr simple ik hi menu bna ky smghaty to zyda smgh ajani thi
My menus's hover effect not showing, I repeated the video 3 times and on the third time I wrote both HTML and CSS exactly what you wrote. - But it still won't work HELP ! @14:00 other than the hover effect there is no other problem
@YahooBaba
3 жыл бұрын
Send your code file at my email address : hello@yahoobaba.net I will check it
@bodhisattabhattacharjee3338
3 жыл бұрын
@@YahooBaba I sent you HTML, CSS files, thanks for the fast reply
@YahooBaba
3 жыл бұрын
I have checked your code their are multiple mistakes in html and css. You can see the correct code from here : www.yahoobaba.net/lab/pure-css-dropdown-menu
@bodhisattabhattacharjee3338
3 жыл бұрын
@@YahooBaba In the html and css files I sent , i did only till the part where I got stuck @14:00 and didn't proceed further. But in the next link you sent, there are some changes which are not in the actual video. (i'm not counting the changes done after @14:00) And still on comparing your video with my code they are quite same where as the link you sent me has so much different code. Thank you for fast reply and also thanks for sending the main files I'll study them.
It's mobile responsive or not?
@YahooBaba
2 жыл бұрын
No mobile responsive.
Mega dropdown meanu bhi sir ji with responsive... :)
@YahooBaba
4 жыл бұрын
Yes sure coming soon :)
@gwala_kapil_vlog
4 жыл бұрын
@@YahooBaba thanks you 🤗
Sir when you will start angular ??
@YahooBaba
4 жыл бұрын
Don't know when but I will make a full course on Angular.
With Jquery ?
Agar drop-down menu se Transition lagti toh ziada accha hota
@YahooBaba
4 жыл бұрын
Yeh just basic dropdown menu hai toh maine jyada complicated nahi kiya hai ise.
@mdhasiburrahmannafiz9984
4 жыл бұрын
Thanks for reply, sir. The tutorial was gorgeous just like your other tutorials..
Very nice, but it is not clickable. How to make its a clickable menu? Pls answer me.
@YahooBaba
Жыл бұрын
It is totally clickable. Just pass the URL of any webpage or website in href="" attribute of anchor tag.
sir plz explain in detail...
sir is ko ap flexbox may eik dafa ban dy
Bhai isko responsive kese karege
#menu > ul and #menu ul. Mai difference btado plz
@YahooBaba
3 жыл бұрын
See the advance selector video tutorial in CSS Course playlist for that
@savitasahu3581
3 жыл бұрын
@@YahooBaba I want a talk with u...is this possible plz
react ky lecture kb start hogy hen
@YahooBaba
4 жыл бұрын
React mein toh abhi time lagega.
Sir what is difference between pure css and css
@YahooBaba
4 жыл бұрын
That is same dear. Actually developers uses css and javascript to make these dropdown menu and I build it without Javascript thats why i write Pure CSS
Sir, Instead of using Id (#) can we use div class:?
@YahooBaba
4 жыл бұрын
Yes you can but it is best to use id because we can use id in one page only once but class name is uses as many times we want.
@joaquimcoelho3136
4 жыл бұрын
@@YahooBaba thanks, sir. Your tutorial was a very good one.
please make it responsive
First view
@YahooBaba
4 жыл бұрын
Gr8 :)
How to write paragraph contents on home or deep menu, Please help
@YahooBaba
Жыл бұрын
You can't write paragraph in this specific menu. You have to make a Mega Menu for that.
@shankarganeshacharya4272
Жыл бұрын
@@YahooBaba can you do video on that ?
@YahooBaba
Жыл бұрын
It will take some time for that but from here you can download JS mega menu : www.bestjquery.com/demo/jquery-mega-menu/
@shankarganeshacharya4272
Жыл бұрын
@@YahooBaba then what will you write on those main tabs and sub tabs.
@YahooBaba
Жыл бұрын
Which tabs and sub tabs ?
is it responsive!
@YahooBaba
4 жыл бұрын
No it is not responsive but soon i will make a video in Responsive menu.
@maruf9244
4 жыл бұрын
@@YahooBaba thanks sir..make it as possible as you can..and iahve another more request to you,make a full video playlist/a video about jquery plug in&browser support/cross- browser compatibility..your technique to teach just awesome..
Sir ise responsive kese kare?
@YahooBaba
4 жыл бұрын
Use Javascript.
Sb dmg se nikal gya
ape Nav tag use nehi kea sir,
@mamunraj6265
4 жыл бұрын
In the field of professional work,nav tag I will use or not
@YahooBaba
4 жыл бұрын
Aap nav tag bhi use kar sakte hai.... maine isliye use nahi kiya kyu ki maine abhi tak Nav tag ka koi video banaya nahi hai.
is menu ko responsive kesy krain gy??
@YahooBaba
4 жыл бұрын
Javascript se
@abdulhassan88
4 жыл бұрын
@@YahooBaba wo video ap n bnai h to please post link here
@abdulhassan88
4 жыл бұрын
@@YahooBaba responsive video is menu ki chahiyea
Sir आपका कोई मोबाइल एप्प हो तो बताए
@YahooBaba
2 жыл бұрын
Nahi mobile app toh nahi hai abhi.
Sir can you give me your contact. I'm new developer and want a serious mentor.
@YahooBaba
2 жыл бұрын
I don't share my contact number but you can contact me at my email : hello@yahoobaba.net