Fully Responsive Navbar with Search Box | HTML & CSS
HTML-код
- Опубликовано: 6 апр 2020
- Fully Responsive Navbar with Search Box | HTML & CSS
Download Codes From Here - www.codingnepalweb.com
Responsive Navbar with Search Box (Part -2) [HTML] [CSS]
➤ • Working Digital Clock ...
Responsive Navigation Bar [ Hindi ]
➤ • How to Create Responsi...
Second Channel - bit.ly/3aHNkru
My Code Editor - • Best Text Editor for H...
Facebook - / coding.np
Instagram - / coding.np
Music Credit:
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: • BEAUZ & JVNA - Crazy |...
Track: Culture Code - Feel Again (feat. Harley Bird) [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: • Culture Code - Feel Ag...
Track: Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: • Lost Sky - Dreams pt. ...
Responsive Drop-down Menu Bar - ruclips.net/video/Iyx_809qwoc/видео.html
when i try to go to you website i get a google privacy error.
Ótimo vídeo parabéns 👍.
Really a good video.But i've a doubt in general, when i practice programming there are many different ways to do a thing so i don't understand what'is the right way for doing it. Anyway i like your videos and i hope i get to learn a lot from you.
Keep learning... You'll able to understand.
What i always been trying to figure out is what is the best way to make a nav bar, for example i seen others use display: flex/ float/ inline/grid/flexbox. The question I have is which is more efficient and cleaner code?
Grid and flexbox are best for creating navbar and it's trending nowadays.
I'm glad you are safe NEPAL in this crisis, please can you do a video on double navbar [2 navbars, on top and one below the other one]........thank you
Contact here - instagram.com/coding.np
Awesome bro! Keep more Flex and less floats please.
Ok bro.. Keep watching
Great tutorial. I wait the 2 part 😁
Part 2 has been published... View channel.
Great use of Flexbox!
Thank you 💙
Thank you so much sir ❤️
Thanks for this tutorial
Thank you very very much :)
I loved everything about the video, I was gonna watch it, make it, subscribe, and see everything you've posted so far. I can't describe the disappointment after you cut the video in the middle. That was it for me. I lost all concentration, I tried finding and watching the second one, but I couldn't immediately, and after I did - I had lost track of the previous code you've written.
So... way to go for two things:
1) Making a video a lot of people would love to watch.
2) Screwing it up by cutting it in half.
I didn't understand..
Fantastic thank you 🤝👍
Your welcome 💙
Great video but how can I replace the Logo with an image? When I try it the image causes the nav bar to either shrink, or cause the items to center, or the image just covers the entire screen even if I try to fix it. I'm a beginner.
Bro you are amazing.
Thank you 💙
Aapke me yeh apne aap vs code ki trah keywords suggestion kaise aajte hain konsa package use krna pdhega ??
use emmet
I like it brother, keep it up
Thank you bro 💙
Bro this is so hepful
can i use this navbar by recreating it in my own way and use in my website??????
Yes you can.
Also a good music video
JazakALLAH thank you
You're welcome.. Stay tuned 😁
Thanks you Shared code free 🥰
Great tutorial!! can you give me the source code, pls? Love
Contact here - instagram.com/coding.np
you have made search bar .for it thanks .but after making search bar how can we make it active to search things that we need to put it inside.
for eg : when we write h ,the words in which h comes it can able to show result
please solve my problem
For that we need JavaScript... This design based on only HTML & CSS
can you make the search bar which will useful to search content from whole website only
Thanks man🙏
Happy to help
Ooh awesome
Thank you 💙
U more welcome bro, and keep going leader or teacher.
Namaste dai... what IDE is that?
🔥🔥🔥 Sir
Thank you 💙
how to add my own text like paragraph? when i edit font color white and not sticky nav bar
Watch this for sticky nav - ruclips.net/video/UHSeFxZIuv8/видео.html
i already watch that.
iwant to add my own txt inside the body how to do that?
i already watch that.
iwant to add my own txt inside the body how to do that?
i edit the css file i change color to black.
Can you make a footer like this in the same page?
Watch in our channel... Already made.
AWESOME!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Thank you 💙
I appreciate you putting the time in to making this video. However it feels like you've just pushed content to last 10+ mins, several adds and left a cliff hanger so people have to watch more videos to get the result shown at the start of the video. Not the best way to get subs IMO.
BRO UR AWESOME I LOVE UR WEBSITE TOO
Thank you bro 💙
@@CodingNepal it helped me to make my own website thanku and love u sir❤️
I'm a student and still don't have enough knowledge about programming.. How can I use the search bar and create responsive searchable files?
I did not understand how to fix the problem , when I write a big text ,it hide under navigation bar . How to fix this ?????
Sir from here i get link that u add in css part...plz tell
Here is code - www.codingnepalweb.com/2020/04/responsive-navbar-with-search-box.html?m=1
@@CodingNepal thanks..but sir css file me jo link hai.."@import url...." iska kya use hai...
Woh google font k liye he...
What, if I'll use it for my game?
Nothing you can use it.
Please share the PART-2 video also🙏🙏🙏🙏
It's uploaded.. Please check description for video link.
very nice navbar
Thank you 💙
Can you make admin panel responsive navbar with search Field... And Search button proper work for This page some article or Names Are find .. I mean When I search a customer name then I will show this customer name 1st list & all customer names are hide...
Okk.. I'll think about it.
@@CodingNepal thank you.....
very well
Thank you 💙
Thanks!
Your welcome 💙
@@CodingNepal
I added content at the body and when I tried the mobile version, the writings overlap.I try to use the z-index but it doesn't work.could you help me please?
Contact here - instagram.com/coding.np
Please create admin panel navigation bar
Hi sir do you do business with people?
Currently NO!
why class fas fa does not work on my code?!?!
Where part two.
I am looking but i can,t find
i can't find the code, pls help me
Where's the icon from?
please add your voice instead of music, it will be help full.
is class logo from bootstrap 4?
I didn't understand
can you just give audio so you can understand us better.plz repply
i cant find this in your website
Please search the title of this tutorial on my website search then definitely you'll find.
Excellent Job, I am not a master in CSS but your style guide has many errors. You are descending until 4 levels. at the moment, You don't have problems because is a small task but if your project grows you can have many problems with the specificity.
Example:
You are here:
nav .menu li a {
//do something!
}
You in the future:
nav .menu li a.link {
// do something again!
}
Tip: I read a book and this advice me that I can descend until 3 levels. You should work with classes and BEM. THANKS!
Yes.... Thank you for your comment 💙
De nada, jeje a lo mejor ya ud lo sabía.
Can you make a header like amazom
I'll try my best to make it.
@@CodingNepal Thank You try your best
can you make a header like flipkart
I'll try my best.
Thanks try your best
Bro collaboration garne ho channel.
Garmla bistarai 😂
✨✨
bruh your site is down currently.........(may 10 , 21)
Site is already live please visit again
@@CodingNepal yeah I've visited
Where is part 2 for this?
Second part
wrong link for part 2 in the description ... not cool
Must need logo in responsive
I removed logo in tablet version and mobile version if you want to show logo in all devices then you need to customize css codes according your requirements.
Can you Past code ?
Here is code - www.codingnepalweb.com
@@CodingNepal Thank you so much
although i copied al the code but still didn't do it 100%
Bad harsh music for study. Remove pls
Useless
Not getting this search button ......
Please make a special vedio on cdns
Sometimes u use css link sometimes js please explain