Transparent Dropdown Menu in HTML and CSS (Hindi)
ฝัง
- เผยแพร่เมื่อ 7 ก.ย. 2024
- In this video, you will learn How to Create Transparent Drop Down Navigation Menu with CSS and HTML in Hindi.
The transparent drop-down menu is perfect for a website.
I used pure CSS and HTML for Drop down navigation menu with full explanation line by line.
~-~~-~~~-~~-~
Please watch: "Responsive Image Slider | HTML & CSS"
• Responsive Image Slide...
~-~~-~~~-~~-~
I am working as a Ui Ux Developer since 2018 but never understood among all related videos from this topic which I have watched but 1 st time I understood how actually it's work thanku sir
One of the best video i would say.. the drop-down menu was the new things and i can now clearly understand....🙏
you don't even know how much you help me. THANKS AL:OT
बहुत बढ़िया
I can't understand your language but your codes is so useful to me, thanks bro! I'll support your channel
Thanks for your appreciation
thank u so much sir for this video ,it helped a lot to clear my concepts
I'm from Bangladesh bro u tech very good and too much easy method
অনেক সুন্দর
very nice
Ur video is so informative for me
Thank you ♥♥♥
Very nice explanation❤️
You have guided to me very nice
Thanks keep supporting webdev
Very informative video.
Can I contact you personally.
Thank so much sir
Sir please help I want to know the meaning of CSS tags.. make video on it.
In a sublime text 3 editor is allowed html code is working properly but css can't working ... I reset all the settings but nothing working properly how can you please explain what's this problem
And otherwise this is problem it internet explorer or. Other ??????
Vai, Excellent teaching system I really love this ❤️
Thanks
@@webdev07 In a sublime text 3 editor is allowed html code is working properly but css can't working ... I reset all the settings but nothing working properly how can you please explain what's this problem
And otherwise this is problem it internet explorer or. Other ??????
@@webdev07 Lesson bro I do everything but style.css is not working .... Why it not working I don't know but if you have any suggestions please reply it
Please 🙏🙏🙏🙏🙏
thanks
Thank u so so so much 😍😍😍😘😘😘😇😇
Thanks for your appreciation
Bhai jaan Boostrap ya phir adobe photoshop se related web designing ki videos agar aap apne channel par more subscriber chahte hain. Boostrap and photoshop are the modern web designing technologies
thank you sir,
sir,
next video me ek submenu ka bhi submenu ,bata dijiye sir.
Thankyou :)
So nice
Useful bro
Good Tuto
You are genius.
Thanks for your appreciation
Ek login page banaye jaha login pe click karne k bad ek or page display ho. Or thora explain karna plz.
thank u so much for help
Thanks a lot sir 🤓🤓
Thanks for your appreciation
CSS FILE
body{
margin: 0;
padding: 0;
font-family: 'lato' , sans-serif;
font-size: 16px;
background-image: url(img/1.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 100vh;
}
.nav{
width: 100%;
background-color: rgba(450,0,60,0.8);
color: #fff;
}
.menu {
line-height: 45px;
font-weight: 700px;
text-transform: uppercase;
}
.nav ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.nav .menu .menu_item{
display: inline-block;
position: relative;
}
.nav .menu .menu_item a{
padding: 12px 24px;
cursor: pointer;
text-decoration: none;
color: #fff;
display: block;
}
.submenu{
text-transform: none;
display: none;
position: absolute;
width: 220px ;
background-color: rgba(0,0,0,0.4);
}
.menu_item:hover .submenu{
display: block;
}
.submenu_item{
border-left: 4px solid transparent;
}
.submenu_item:hover{
background-color: rgba(0,0,0,0.9);
border-left: 4px solid rgba(450,0,60,0.8);
}
.menu_item:hover{
background-color: rgba(0,0,0,0.9);
}
thanks
Lesson bro I do everything but style.css is not working .... Why it not working I don't know but if you have any suggestions please reply it
usefull bro tq
nice tutorial
Thanks for your appreciation
thankyou sir
Yes sir can you explain me
???
How you create a red transparent nav bar please told me, I tried but I failed to create red or another colour transparent navbar.
Msg me on instagram i will solve your problem
how to fit background image?
sir can you guide me how you write structure of html without typing? means i am asking which button you press?
use "sublime text"
Font family se kya hota he?
Can you please reply ???????
Sir Menu pe lekar jaata hu mouse pointer ko tb tk submenu show krta h. Fir submenu me leke jaata pointer ko toh hatt jata h. Aisa q?
Sir
somebody plz explain me how to write in multiple lines at once??
Dear Sir kya yah menu Responsive hai
no
I am your numb1 fan... But this isn't working in chrome
सर हिन्दी होम पेज पर एक वीडियो बनाने की कृपा करें
This is responsive menu or not
Meta kya hota h
Meta utf-8?
Bhai isko responsive kaise kare pls batao
. submenu ko 220px width kiyo diya hai or sir Kabhi Kabhi float ka use Nahi karte ho or apne aap hi left show karta ha wo kaise
Display inline block se sare nav items ek line me ajate hai
@@webdev07 thanks sir
12:45 how u wrote in 3 lines simultaneously ?
Hammad Ranjha by holding control and pressing those 3 lines.
Sir image me url q diya h
Would please post your Source Code ?
Hello sir mujhe website bhawana tha please
very nice pls give me source code link
Aisa banaye jab hum click kare tav o menu khule.
@Web dev sir please reply
Sir aap konsi bhi ek full website banane ki video post karo na
Ki hui hai check my channel's playlist
Sir url q diya h
Sir yah batao ki hame ul li ko class de zaruri hai kay
No
Nhi
Bhai plzzz mujhe ek website bnado plzzz bro
Flex kya hota h
Is video me fo flex maine use kiya hi nahi
@@webdev07 Mai apni knowledge k liye puch rha hu
Html and css app
Good Tuto