Creating a Stylish Search Bar for Your Website: HTML & CSS Tutorial

Рет қаралды 37,492

9 ай бұрын

In today's video I'll show you how to add this styled search bar to your websites or web projects using HTML & CSS.
Google Material Symbols 👇
fonts.google.com/icons
🏫 My Udemy Courses - www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - discord.gg/TXMQyvbpcA
🐦 Find me on Twitter - dcodeyt
💸 Support me on Patreon - www.patreon.com/dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - kzfaq.info/love/jX0FtIZBBVD3YoCcxnDC4gjoin
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #webdesign #css

Пікірлер: 25

@Sayvai 9 ай бұрын

💡I think we need to leverage the power of modern and widely supported CSS flex "gap" and "grow" property rather than still relying on margins as spacers between flex child elements.

@beinyourguard 9 ай бұрын

very simple and nice. love it

@kobayashimauro 4 ай бұрын

It inspired me a lot, thank you!

@kyd1762 3 ай бұрын

It really helped me for my project work, thank you so much

@josiahclarke8328 Ай бұрын

Tysm i learned alot more than ever Plz keep making these easily digestible vids for us They're helpful as hell🤟

@_____vieve Ай бұрын

this helped me, thanks!

@nokky070 2 ай бұрын

Hello. Can i ask how do you change the color of the x when typing into the search box. The color is blue and i dont know how to change it.

@serbanpascovici913 5 ай бұрын

Thanks a lot!

@minecaftlichking Ай бұрын

thank you this helped

@TheRandomGameOfficial 2 ай бұрын

But how do you get the input of the user? PS your vids are very cool!

@user-mc1xc6vt7n 5 ай бұрын

can i switch the icon form left to the right if possible which part should I change?

@Jaspertje 3 ай бұрын

Use float: right;

@aannjjoouu 6 ай бұрын

thanks for this!!

@dcode-software 6 ай бұрын

No problem

@user-mc1xc6vt7n 5 ай бұрын

can i switch the icon from left to right If possible, which part should I change?

@hi-kj3eu 4 ай бұрын

just put the code of the icon after the input, that should work

@VivekYadav-up7uu 9 ай бұрын

nice

@hi-kj3eu 4 ай бұрын

how do i make it so it uses google as a search engine

@Idk65789 2 ай бұрын

Just make it so it takes you to the Google search link or embed it

@hi-kj3eu 2 ай бұрын

@@Idk65789 ty

@truthteachers 9 ай бұрын

Bro, why the same old thing over and over. Can we see something innovative or something that is full with a functioning search component? Search in KZfaq and we get hundreds of the same thing. This is like teaching all dogs old tricks. I am so sorry to be open and frank. If we see more old stuff, my friends and me my friends may soon have to unsubscribe as we see really no value. I hope you understand. Thank you, bro.

@dcode-software 9 ай бұрын

Yeah I understand, though it can be difficult to make existing subscribers happy as well create helpful content for those searching on KZfaq. Appreciate you sticking around 🙂 I have some new content coming up soon (maybe React)

@truthteachers 9 ай бұрын

@@dcode-software Tq bro for replying. I think even React is over done. So many people giving beginners course. What would be interesting is creating full functional components let it react or anything else.