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

Поділитися
Вставка
  • Опубліковано 28 жов 2024

КОМЕНТАРІ • 32

  • @Sayvai
    @Sayvai Рік тому +11

    💡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
    @beinyourguard Рік тому +4

    very simple and nice. love it

  • @josiahclarke8328
    @josiahclarke8328 4 місяці тому +1

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

  • @kobayashimauro
    @kobayashimauro 8 місяців тому +2

    It inspired me a lot, thank you!

  • @kyd1762
    @kyd1762 7 місяців тому

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

  • @nokky070
    @nokky070 6 місяців тому +3

    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.

  • @havocmemes
    @havocmemes Місяць тому

    The video was really good and easy to understand.
    Can u pls make another video on the search bar with recomended/mostly searched buttons right below the search bar? Or just lemme know if u have already made a video on this topic xddd

  • @PRIESTOFLOVEWORLD
    @PRIESTOFLOVEWORLD Місяць тому

    Thank you this information is helpful

  • @Growguru_yt
    @Growguru_yt Місяць тому

    thanks alot man!!

  • @Pennonly
    @Pennonly 8 місяців тому +1

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

    • @hi-kj3eu
      @hi-kj3eu 8 місяців тому +2

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

  • @Pennonly
    @Pennonly 8 місяців тому +1

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

    • @Jaspertje
      @Jaspertje 6 місяців тому

      Use float: right;

  • @_____vieve
    @_____vieve 5 місяців тому

    this helped me, thanks!

  • @anonkjvn
    @anonkjvn 3 місяці тому

    i have an 'X' symbol to the right of the search bar, how do i change its appearance? ive used --webkit-search-cancel-button and can remove it but cant change its appearance help pls

  • @r4ndom-here
    @r4ndom-here 6 місяців тому

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

  • @RevathiR-lh1rq
    @RevathiR-lh1rq 2 місяці тому

    thank you it helped me

  • @serbanpascovici913
    @serbanpascovici913 9 місяців тому

    Thanks a lot!

  • @HighlandCatz
    @HighlandCatz 5 місяців тому

    thank you this helped

  • @moonlitsonataa
    @moonlitsonataa 10 місяців тому

    thanks for this!!

  • @md323_
    @md323_ 11 днів тому

    Is it working???

  • @VivekYadav-up7uu
    @VivekYadav-up7uu Рік тому

    nice

  • @hi-kj3eu
    @hi-kj3eu 8 місяців тому +5

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

    • @Cold_Winter808
      @Cold_Winter808 6 місяців тому +1

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

    • @hi-kj3eu
      @hi-kj3eu 6 місяців тому +1

      @@Cold_Winter808 ty

  • @truthteachers
    @truthteachers Рік тому +1

    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 UA-cam 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
      @dcode-software  Рік тому +1

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

    • @truthteachers
      @truthteachers Рік тому

      @@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.