Navbar with brand logo

No video

Navbar with brand logo

Рет қаралды 356,830

Күн бұрын

Navbar with a brand logo with HTML and CSS.
Download Source code from here: techmidpoint.com/
More Videos.
=========================
HTML and CSS Navigation Bar with Search Box : • HTML and CSS Navigatio...
Responsive and transparent navigation menus with social media icons : • Responsive and transpa...
Awesome Overlay Signup Form | HTML, CSS and JavaScript: • Awesome Overlay Signup...
Responsive navbar with search box | HTML and CSS: • Responsive navbar wit...
Navigation Bar with Login Form || HTML and CSS: • Navigation Bar with Lo...
CSS Coffee Cup with Stream || HTML and CSS: • CSS Coffee Cup with St...
CSS Background Animation | HTML and CSS : • CSS Background Animati...
CSS Grid Layout | HTML and CSS : • CSS Grid Layout | HTML...
Full Screen Login Form with HTML and CSS : • Full Screen Login Form...
CSS Smoke Text Animation : • CSS Smoke Text Animation
Awesome Animated Search Box using HTML and CSS : • Awesome Animated Searc...
Cool CSS Border Animation On Hover | HTML and CSS: • Cool CSS Border Anima...
3D social media icons with HTML and CSS : • 3D social media icons ...

Пікірлер: 152

@avgamer5134 4 жыл бұрын

The intro scared the hell out of me

@danishzeshan4093 4 жыл бұрын

Holy shit XDDD

@jv18creator 4 жыл бұрын

nailed it bro

@muhammadzafar2470 4 жыл бұрын

it save a lot of time . surely i lost a lot of time to search a code for logo with navigation bar. very helpful tutorial . thank you.

@mskafridi4815 4 жыл бұрын

Sir, you have done a fabulous job here, kindly make more videos and the only request is to fix the audio and use code editor as many learners use it. Thank you once again for the great video

@maryambatooliam 2 жыл бұрын

Thank u so much bro ..... You are a life saver .. on this thing i have probably wasted my 3 days and finally got your vedio . allah bles u more and more

@zaiahwolfe 4 жыл бұрын

Thank you for this, after trying two other videos this is the only one that worked for me.

@seantc1999 2 жыл бұрын

My friend, you did an excellent job, it is working properly 👏 👍 😀 And it is not complicated or long💯 Keep doing ur good work, thank you, it was very helpful

@Moodboard39 2 жыл бұрын

Gotta practice

@VladisKalpakidis 4 жыл бұрын

Ty sir, u helped me with my college project!

@Hacker_64679 5 жыл бұрын

Very Excellent video sir

@vardeepkaur7401 4 жыл бұрын

Osm thnxx sir Thnku so much sir osm video

@Prabhakaran-hp1to 4 жыл бұрын

Really its help me alot and it's very smiple trick you teach me sir! Thank you so much sir!

@iftikharali6132 5 жыл бұрын

Really Helpful Dear Sir..

@currymeals 5 жыл бұрын

Nicely taught. Many many thanks bro. 👍

@webbuilder2611 5 жыл бұрын

I finish to hug you

@thisagahennedige 3 жыл бұрын

Thank you for This video

@shaileshkumargupta7114 5 жыл бұрын

Wow superb logo I like it

@idemodaljebydea4463 3 жыл бұрын

hello, Could someone tell me how to put more logos on the same tool bar, for example for home one logo, for music other logo etc? It would be helpful..

@JEl-ij2xi 2 жыл бұрын

I think you will copy and paste the same code onto the music.html page, and then change the image to the one you want to use. Maybe you have to make a different class for it as well, I'm not sure - I'm still learning but I imagine that's how it would be done.

@srcanimationhub6010 6 жыл бұрын

Thank you sir,,,,,for this language video..

@charissamuels1755 2 жыл бұрын

As a beginner, I really struggled with the logo part, you are supposed to us help understand that, you can't use any logo unless it is sized well to fit in.

@Moodboard39 2 жыл бұрын

Um no, you have to reduce the size if it's big .Margin , padding ,etc ..

@Moodboard39 2 жыл бұрын

My logo is 714px reduce to 140px

@SuperGhouse Жыл бұрын

Hi, it really worked for me. Thank you

@tejbahadurghonne6382 5 жыл бұрын

company Navbar with brand logo is very good i like it.

@vhrmotivation 4 жыл бұрын

Thanks bro, Keep it up.

@krishnakarampudi853 5 жыл бұрын

thank you so much it is very help me

@-bt8wm9999 4 жыл бұрын

Thank you so much sir..!!

@yadirajgameti877 5 жыл бұрын

Thank you so much sir for your support

@webbuilder2611 5 жыл бұрын

Hug me please

@yadirajgameti877 5 жыл бұрын

@@webbuilder2611 come

@mulukenzeleke5487 4 жыл бұрын

thanks toooo this is the best reference for me to make any logo design

@MasaiDartz 2 жыл бұрын

This was so helpful. After completing everything, my image looks a little too big. How do I change this little problem?? Thank you!

@raghwendrakumar3712 5 жыл бұрын

Thanks for this Video

@friedanaukosho5405 Жыл бұрын

What an amazing video. Thank you

@bibekbibek9629 5 жыл бұрын

Thanks it really helped me

@alamerialameri4576 10 ай бұрын

That was useful, thanks a bunch

@whata9983 5 жыл бұрын

thank you very much brother.you help me

@yousseftijdit 4 жыл бұрын

Thank you man !

@rashidayaseen7450 4 жыл бұрын

thanks sir

@gaminghub54321 3 жыл бұрын

Sir, make a particular video on how to code search bar in website. It would be helpful for me. Thank you.

@marih100 2 жыл бұрын

you save me today THANK YOUUUUU

@erwindangan1544 5 жыл бұрын

what if i want to make a sub menu in Music?

@rathodbhavin3478 5 жыл бұрын

Thanks

@lilmagsbeats 4 жыл бұрын

thank you!!

@lindseyharper7861 4 жыл бұрын

I love code!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

@misterandersondesigninquir9182 3 жыл бұрын

Is there a way to make the navbar stick to the top? I'm trying all these combinations to no avail.

@MrLadduMan 3 жыл бұрын

position: sticky

@cdkgno 2 жыл бұрын

margin :0; padding : 0;

@Moodboard39 2 жыл бұрын

@@cdkgno lol 😂 he wants sticky ..lol have no pay attention

@Moodboard39 2 жыл бұрын

Position : sticky

@Moodboard39 2 жыл бұрын

And start googling and stop rely on videos to solve your issues

@martinlesjak3898 3 жыл бұрын

Thank you man :)

@calon_sopir_trans_jogja 2 жыл бұрын

Well this is what I'm looking for bro

@fireeye33 Жыл бұрын

this is so awesome!

@alexelleyenda5417 2 жыл бұрын

Hey I have a question, when I write the code of and , those words of appear down, not above, how can I fix it?

@nishakhatri7826 2 жыл бұрын

display:inline-block;

@joeretzyee9181 6 жыл бұрын

how to chat with you i have so many question i like to ask

@durjoydebsharma5597 4 жыл бұрын

Thanks u so much sir..

@MissEAG 4 ай бұрын

How can I change one of the menu items to have a different style? Like one has the brand name in a different font and size for example, but still stays lined up with the rest of the items and the logo?

@seedoubleu6336 Жыл бұрын

thank you man

@itscampcoder4277 4 жыл бұрын

Bootstrap is helpful though.

@leaderofgods4967 2 жыл бұрын

Thank You sir

@ahamed9300 3 жыл бұрын

Thanks brother

@AksamRafiz 3 жыл бұрын

Although this does give one idea on how to do the task, it becomes more complicated to manage on the responsive end. So just know that everyone whos watching.

@Moodboard39 2 жыл бұрын

Complicated?? How is more complicated ?! Lol 🤣

@AksamRafiz 2 жыл бұрын

@@Moodboard39 I dont know, its been a year and I dont really remember ....

@kingtyphoon 2 жыл бұрын

This is a good tutorial!

@jitendrajena582 5 жыл бұрын

Thank you sir

@Mqueen-kq3hq 3 жыл бұрын

I have a problem with making logo... I need help 😭

@hannahbugas5274 6 жыл бұрын

what's the size of your logo?

@Oak_King Жыл бұрын

the image isnt working pls help

@myubeans7018 Жыл бұрын

How can i put text beside the logo

@assoumouattara1154 5 жыл бұрын

merci pour ce tuto

@sheikhspearsfootball 5 жыл бұрын

where are you i want to know your logo size plz reply fast

@idemodaljebydea4463 3 жыл бұрын

you can put your own logo size just put in for example .logo img {height: 20 px;}

@VipeRWomaN 6 ай бұрын

How you removed logo aspect ratio? In my logo it has 1:1 square shape but logo is transparent but taking more space compare to logo size. Example my logo is Circle icon `⭕' but in navbar it taking ⏺️square shape like this and it saying aspect ratio is 1:1.Can anyone help me to fix that?

@Dev35790 5 жыл бұрын

非常好的视频

@mohanbabu1461 5 жыл бұрын

Good job nice

@morpheus101a 5 жыл бұрын

logo size?

@gloriacardoso9905 2 жыл бұрын

Great!

@joaogabriel_0159 3 жыл бұрын

Tannkk youuu

@kai-pn2pk 6 жыл бұрын

bets vid helped me alot

@itech40 5 жыл бұрын

How did you understand what he did? He didn't explain anything.

@kai-pn2pk 5 жыл бұрын

@@itech40 idk, i just did

@deadlyreaper8306 2 жыл бұрын

7:19

@vaasavasa6345 4 жыл бұрын

Hi, please help i need to doa sub-menu under a menu and can't find any help or youtube video. is it possible please to show how to add css code to sub-menu ( ps: menu under menu).

@siteshduttdavid9428 5 жыл бұрын

Nice

@moldyloaf774 4 жыл бұрын

How do i do different hover color for different tab?

@wackosaco7369 3 жыл бұрын

My logo is stuck behind my nav bar. I cant see it

@Codewithshivam_official Жыл бұрын

💗

@user-hj6qm8lv5s 7 ай бұрын

hello from 2024

@badarmunir1517 4 жыл бұрын

great

@mesginahaile5534 4 жыл бұрын

i had a question?

@officertenpenny8709 3 жыл бұрын

you had a question? do you.. remember it or did u just forget it?

@arielrom25 5 жыл бұрын

@himalayanbaba4264 5 жыл бұрын

Logo doesn't come inside the header box why ??????

@amiteshpatara7606 5 жыл бұрын

can you send that program here...so that I can copy it..plz

@thienhaitmpay344 5 жыл бұрын

I can you you code.

@thienhaitmpay344 5 жыл бұрын

Reply if you need.

@kuldeepparmar8972 2 жыл бұрын

My is not coming in navbar

@ssigitas69 3 жыл бұрын

My logo doesn't fit to nav menu

@Ankur.dreamer 2 жыл бұрын

What is nav a?

@parthgaming7787 3 жыл бұрын

Bbi logo kha se liya

@BL00DisH0T 2 жыл бұрын

How to resize the jpeg though?

@kalopseeia1617 6 жыл бұрын

Dude how can i center the logo?

@nitishkailey1105 3 жыл бұрын

Is anyone still active here? I followed all the steps, everything worked except from the logo fitting into the Navbar. Please help. Thank you!

@swayumsinghaniya8910 3 жыл бұрын

Edit your logo

@easywebexamples2523 4 жыл бұрын

👍

@ritikkhare2237 3 жыл бұрын

Bhiya thoda aaram se

@dlg647 3 жыл бұрын

i cant find the corde source pls help

@SohailKhurshid 5 жыл бұрын

Is this website responsive?

@osamabenladen4190 4 жыл бұрын

he is totally not on a dell computer

@ashutoshastrologyhoroscope8594 3 жыл бұрын

in website no source code

@aadesh5045 6 жыл бұрын

can you do on how to add search logo instead of search word?

@webmaster1498 6 жыл бұрын

yes later tutorial I will make thanks

@itsOppi 2 жыл бұрын

hello Alex from Microsoft , My Pc Have A Virus

@thienhaitmpay344 5 жыл бұрын

thank you!

@marcellobianchi8566 4 жыл бұрын

Anyone knows how to make li elements big as logo if logo was bigger?

@josiahscarrmusic6750 4 жыл бұрын

If the logo for example has a height of 64 pixels then you can manually set the li elements to the same height, which in this case would be 64, you can do it by writing: height: 64px; on the li tag in css

@ritikkhare2237 3 жыл бұрын

Tum programmer to sab thodi progarmmer