Pure CSS Dropdown Menu Tutorial in Hindi / Urdu
Vložit
- čas přidán 5. 08. 2024
- 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
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
It is my favorite youtube channel where I can spend more time compared to other CZcamsr. This channel content the best video lecture with full experience. Thank Baba ji🤓🤓🤓👍👍
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 CZcams 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 !
ap ke ye vedio mere buhoot kaam aay
Tysm you are such a gem
Best Tutorial ever.❤️👌
Thanks :)
Thank a lot sir... You are great 🙏🙏🙏🙏
Mujhe apke CZcams channel se bahut sikhne ko mila he thank you so much sir....
Your most welcome :)
@@YahooBaba sir mera ek question he apse, mujhe english bolna nahi ataa to kya meri coding line me job lag sakti he.
Sir please reply me...
Thnx❤
sir md5() function jyda best h ya blowfish ???
Very helpful video....Thanks sir
Most welcome
Superb
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.😢
Sir you're great. Clear cut instructions in Hindi- Just amazing!
Thanks for liking :)
fantastic
Thank you sir
Thank you sir I love your tutorial
Thanks and welcome
well explain, baba. appreciated.
Thanks for liking
Thanks sir this good easy video, I like you word
Thanks and welcome
Awesome baba ji... Hope we"ll get the tutorial of mobile responsive d d menu very soon... 😁
Thank You, Sir, for your hard work.
Sir *Mega Menu* Banana sekhae jis ma humara pas Images and different list hotan han?
Thank you for the awesome tutorial.
Nice
nice bro apki video ka wait kar raha tha
THanks Shahzaib... Actually Corona virus ne kaam ki aise taise kar rakhi hai.
@@YahooBaba g sir or ap ki tabiat thk h na
thanks you
Love you sir 😍
Thanks Honda :)
Thanks yahoobaba
Your welcome Ravinder :)
Thank-you Sir.
Your welcome Achyut :)
Nice tutorial
Thanks
sir how float : left ; made things horizontal from vertical at 9:58
Cha gay ho bhai. Subscribed! Appkay Charan Kidhar hain appkay Ashirwaat leynay hain. 😁
Hahaha .... Your welcome :)
Your voice is good sir
Thanks :)
Hi Sir
Please Upload Full Responsive Menu Video with open dropdown in click in mobile and open dropdown on hover in desktop ......
THANK YOU VERY MUCH SIR.
REQUEST YOU FOR A VIDEO ON HAMBURGER AND BLOBS.
Coming soon :)
@@YahooBaba THANK YOU SIR.☺
What a tutorial man!!
Thank you so much
Glad you liked it!
My favorite Color contrast
dopdown menu is possible without using float. kyu li maine jitne bhi videos dekhi sab me float use kiya hai
sir very nice video
Thanks Faisal :)
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...
Hello Rajat, have you heard about clearfix problem. If not then see these videos :
czcams.com/video/5IVbuwrrqBE/video.html
czcams.com/video/20jQYWlo6Ok/video.html
This problem is something like that.
Zaber10♥️
Thanks Rizwan :)
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 make more videos on it like pure css slider,modal,img gallery, responsive navbar with flex box,side bar ec with pure css
Yes sure i will make it
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
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
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 ??
Use CSS Transition property for that
excellent bhi lkn agr flex used kar k karwady tu kya he bat hai??
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
for right use float : right; for center align remove float property and use margin : 0 auto;
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...
Yes sure.
@@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
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 ?
My website is developed in Codeigniter and JavaScript
@@YahooBaba then sir plzz start new tutorials to advance.
Sir aapke jitne bhi tutorial h esaki koi download cupy nahi aati aapke paas like...CD..pandrive etc
Sir make video on more project basis web project
Yes sure
Thank you sir, kya drop-down se dusre page me kaise redirect karte hai kya woh bata sakte hai
Uske liye anchor tag mein href="" property ke andar doosre page ka path pass kardo.
Bhai plz LARAVEL and AJAX ke video banaona ye to design Baad me kar lenge
Sir please isko mobile pr bhi adjust krna shikao on click pr kaise show hota hai submenu please its request
Sir Issi ko php sending dynamic krdo Maja Aajaega
First view
Gr8 :)
I'm Two time vaccination champion India, my friend.
sir ap please (ajax, jquery with asp.net mvc) pr vedio bnaye hindi me qk ap achi tarah samjha rhe ha,
Ajax with PHP jQuery 2 days mein shuru hone wala hai.
@@YahooBaba lekin ye (asp.net mvc) se thora diffrent hogi
Im glad that All the css codes are running properly, but the last css code is not working..
Please help
Which last CSS code ?
Sir iske liye itna likhna prega hm bootstrap se nhi krskte ye? Please rply
you can
Coder ka kaam he hota hai sara din likhna.... toh likhne se kyu dar rahe ho. I daily code for 11 to 13 hours
How will I make it as responsive drop-down menu? Could you plz explain?
For that we have to use Javascript or jQuery. I will make a separate video on it.
Sir php ki next video kb upload karenge
sir my problem is my sub menus disappear on hovering what is the reason behind that
Please compare your code with this link's code :
www.yahoobaba.net/lab/pure-css-dropdown-menu
very complicated kr diya ha ap na for beginners
Bhai isko isse aasan tareke se main nahi samjha sakta.
Sir menu ma agar hover k bajay click krny pe sub menu display kerna ho tu kasy kary.
Uski jagha par (:focus) pseudo class use karenge.
It would be very nice to see the source code of both files for comparing all the uls and lis side by side.
Very very good
Thanks
create a video on hamburger menu and responsive meny
Coming soon :)
sir please phely navigation bar sikhadain!
sir header ke bi codding kr ke smjao
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!
Yes I will teach AngularJs, React Js, Node JS, Vue JS after completing PHP course.
Ok Bhai, thank you so much.
Bro Can you make like this with JavaScript , because I want learn hover navigation menu with js. plz plz 🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🤚🏼🤚🏼🤚🏼🤚🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🤚🏼🤚🏼🤚🏼🤚🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼
sir please Python pe Bhi kam kerwaen
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
Send your code file at my email address : hello@yahoobaba.net
I will check it
@@YahooBaba I sent you HTML, CSS files, thanks for the fast reply
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
@@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?
No mobile responsive.
Mega dropdown meanu bhi sir ji with responsive... :)
Yes sure coming soon :)
@@YahooBaba thanks you 🤗
Sir what is difference between pure css and css
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 when you will start angular ??
Don't know when but I will make a full course on Angular.
Agr simple ik hi menu bna ky smghaty to zyda smgh ajani thi
Side nav bar b bta den sir
react ky lecture kb start hogy hen
React mein toh abhi time lagega.
sir display block tu li mein use karte hain apne ne direct ul mein use kia hai kio
dekhiye Menu banane ke kahi tareke hai. Agar aap Li tag ko display block banana chahte hai toh use bhi kar sakte hain.
With Jquery ?
Salam sir larvel ki series kb ayego
After completing PHP course codeigniter and laravel course aayeinge.
Very nice, but it is not clickable. How to make its a clickable menu?
Pls answer me.
It is totally clickable. Just pass the URL of any webpage or website in href="" attribute of anchor tag.
sir is ko ap flexbox may eik dafa ban dy
sir plz explain in detail...
Bhai isko responsive kese karege
Sir, Instead of using Id (#) can we use div class:?
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.
@@YahooBaba thanks, sir. Your tutorial was a very good one.
Agar drop-down menu se Transition lagti toh ziada accha hota
Yeh just basic dropdown menu hai toh maine jyada complicated nahi kiya hai ise.
Thanks for reply, sir.
The tutorial was gorgeous just like your other tutorials..
please make it responsive
#menu > ul and #menu ul. Mai difference btado plz
See the advance selector video tutorial in CSS Course playlist for that
@@YahooBaba I want a talk with u...is this possible plz
How to write paragraph contents on home or deep menu, Please help
You can't write paragraph in this specific menu. You have to make a Mega Menu for that.
@@YahooBaba can you do video on that ?
It will take some time for that but from here you can download JS mega menu :
www.bestjquery.com/demo/jquery-mega-menu/
@@YahooBaba then what will you write on those main tabs and sub tabs.
Which tabs and sub tabs ?
Sb dmg se nikal gya
Sir ise responsive kese kare?
Use Javascript.
is it responsive!
No it is not responsive but soon i will make a video in Responsive menu.
@@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 can you give me your contact. I'm new developer and want a serious mentor.
I don't share my contact number but you can contact me at my email : hello@yahoobaba.net
ape Nav tag use nehi kea sir,
In the field of professional work,nav tag I will use or not
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.