Sidebar Menu Explained! | Only HTML CSS

Поделиться
HTML-код
  • Опубликовано: 20 май 2024
  • Sidebar Menu Explained! - Create A Fixed Vertical Sidebar navigation menu bar easily by watching this video.
    If you like the video please give it thumbs up, and subscribe to my channel, I upload good unique content every two days, let me know if you want part two!
    Thank You!
    --------------------------------------- Hashtags -----------------------------------------
    #VerticalNavigationBar #SideNavigationBar #NavigationBar
    --------------------------------------- Links -----------------------------------------
    Font Awesome: fontawesome.com/start
    Source Code: Comment down below ;)
    --------------------------------------- Outro Song-----------------------------------------
    Outro Song by a friend, follow him here: / kha4n
    -------------------------------------- Keywords -----------------------------------------
    [Keywords]:
    vertical Navigation Bar, vertical sidebar, Sidebar,side navbar, Side Navigation bar, vertical menu, side navigation menu, how to create the side menu using HTML and CSS, how to create the vertical sidebar using HTML and CSS,how to create the side navigation bar using HTML and CSS,vertical navigation bar design,side navigation bar design,vertical navigation bar tutorial,side navigation bar tutorial,side bar menu,sidebar menu using HTML and css
  • НаукаНаука

Комментарии • 50

  • @grimmauldplace9326
    @grimmauldplace9326 Год назад

    Great job. Enjoyed the tutorial.

  • @henglyheng4042
    @henglyheng4042 8 месяцев назад

    you are amazing . it is very useful video. please show part two - responsiveness

  • @aezakmi2918
    @aezakmi2918 Год назад

    great video 💪 thanks for help ❤️

  • @rachelleannpalada4450
    @rachelleannpalada4450 2 месяца назад

    thank you so much!! please make a part two for responsiveness.

  • @prathameshjadhav2942
    @prathameshjadhav2942 8 месяцев назад

    Amazing

  • @jaroslawgralicki9202
    @jaroslawgralicki9202 Год назад

    Awesome good work

  • @LamarwestTownhome
    @LamarwestTownhome 2 года назад

    How would you associate an onclick event with the menu option so that your application will carry out the request of that menu option?

  • @flprete
    @flprete 4 года назад +6

    Awesome!!! Please show part two - responsiveness

    • @ProMakerDev
      @ProMakerDev  4 года назад +4

      thanks for watching brother, i will make part two just for you!!

  • @theodorenick2866
    @theodorenick2866 4 года назад +3

    so underated, awesome content

  • @riyadhossain36
    @riyadhossain36 2 года назад +1

    Nice video

  • @85b103
    @85b103 4 года назад +3

    Thanks bro helps so much

  • @theacer7864
    @theacer7864 4 года назад +2

    Wow,amazing video Bro keep up the good work

  • @aminebenjeddi4469
    @aminebenjeddi4469 6 месяцев назад

    Nice

  • @rifkaaouadi3661
    @rifkaaouadi3661 4 года назад +2

    Perfect explanation ;)

  • @leonardobracci3049
    @leonardobracci3049 Год назад

    thanks bro, you saved my arse

  • @thenftsandcryptospace4511
    @thenftsandcryptospace4511 4 месяца назад

    Thanks

  • @faiztchekiken2680
    @faiztchekiken2680 4 года назад +1

    Great man !

  • @maximilianahmad9014
    @maximilianahmad9014 4 года назад +1

    Awesome bro..keep publishing

  • @d07-poonampatil33
    @d07-poonampatil33 4 года назад +2

    Great 👍 you helped me a lot.. thanks very much

    • @ProMakerDev
      @ProMakerDev  4 года назад

      thank you for the comment mister Ptil,I'm glad i could help.. check out more in my channel

  • @theZeeshankhanshow
    @theZeeshankhanshow 3 года назад +2

    Why you dont provide the coding...

  • @sebastianwillsen981
    @sebastianwillsen981 3 года назад +3

    Wie kann ich andere seiten anzeigen lassen statt zu einem bestimmten punkt auf der seite zu scrollen

    • @ProMakerDev
      @ProMakerDev  3 года назад

      Sie können dies tun, indem Sie einige Abschnitte erstellen und standardmäßig "display: none" hinzufügen, mit Ausnahme des aktiven Abschnitts, der zuerst angezeigt wird. Wenn Sie dann auf die Seitenleiste klicken, um einen bestimmten anzuzeigen, ändern Sie einfach den ausgewählten Abschnitt von "none" bis "block" mit javasrcipt

  • @hameddore
    @hameddore 4 года назад +1

    good work

  • @ahmedhameed5469
    @ahmedhameed5469 4 года назад +1

    good work ^^

  • @avneetsingh2010
    @avneetsingh2010 2 года назад

    Please make the 2nd video

  • @alihamdi9359
    @alihamdi9359 2 года назад +1

    so many apologizes...you should make another Vid brooo hahahha
    Otherwise Great tutorial

  • @itsrifo31
    @itsrifo31 2 года назад

    احسنت

  • @corinam3158
    @corinam3158 2 года назад +1

    In 08:10 you target .wrapper and .sidenav why not only .sidenav? Sorry I am very new in coding and female😉

    • @dervinleiba5954
      @dervinleiba5954 Год назад

      1 year or so later........... Thank you my friend for posting this question. I wasn't getting that part to work and after seeing your question I removed the .wrapper and it finally worked. THANK YOU!!

  • @testguy3210
    @testguy3210 Год назад

    Where can I find the source code?

  • @harshvardhan3157
    @harshvardhan3157 7 месяцев назад

    I need your source code?

  • @codextutorial2915
    @codextutorial2915 Год назад

    i want souce code

  • @rackysatioquia4347
    @rackysatioquia4347 Год назад

    Can I get your source code?

  • @ijusttellybridge9900
    @ijusttellybridge9900 2 года назад

    Source Code?

  • @sportsgurugyan
    @sportsgurugyan 3 года назад +1

    plzz provide source code

  • @kashikoi4318
    @kashikoi4318 Год назад

    Code?

  • @hameddore
    @hameddore 4 года назад +2

    can you give me your source please i need it

    • @ProMakerDev
      @ProMakerDev  4 года назад

      sure, man, right when i find it

  • @miles1272
    @miles1272 10 месяцев назад

    So it's all going good, except I can't get
    i{
    margin-right: 8px;
    }
    to actually change any spacing between the icon and text.