Summary
Keywords
Full Transcript
In this video, You will learn to create a Responsive Dropdown Sidebar Menu or Side Navigation Menu Bar. When you click on the dropdown icon of this sidebar menu its submenu will appear. Also, I have added a tooltip box that appears when the sidebar is in closed status. I have provided all the source code links below. 🗂️ Get Source Code of this Sidebar with Dropdown Menu ➤ https://buymeacoffee.com/codingnepal/e/278829 🖼️ Get Profile Image of this Sidebar Menu ➤ https://drive.google.com/file/d/1A_pgf3qRmab555YARrjMcrTNL8FEQwEF/view 🌐 Visit CodingNepal for free coding projects ➤ https://www.codingnepalweb.com ⭐ Hire me on Fiverr ➤ https://www.fiverr.com/prakashahi 📷 Follow me on Instagram ➤ https://www.instagram.com/coding.np 🤝 Support my work with a coffee ➤ https://buymeacoffee.com/codingnepal Timestamps: 00:00 Dropdown Sidebar Menu | Demo 01:42 How to make a dropdown sidebar in HTML? 02:07 How to make icons in HTML? 02:38 How to change the font in CSS? 03:36 How to make sidebar fixed 09:07 How to add a submenu in the sidebar? 11:04 How to make a tooltip for the sidebar? 19:20 Make a profile and add a photo on the sidebar 23:52 JavaScript code for sidebar dropdown 28:49 How to make dashboard sidebar menu #DropdownMenu #SidebarMenu #HTMLCSSJS #javascripttutorial --- Music Credit: Ikson - Lights [Official] ➤ https://youtu.be/iqCP-P8vSbI Song: Ikson - Anywhere (Vlog No Copyright Music) ➤ Video Link: https://youtu.be/UY08PUqArZI Song: DayFox - Lioness (Vlog No Copyright Music) ➤ Video Link: https://youtu.be/twJ_CyX9RfA Song: Jarico - Island (Vlog No Copyright Music) ➤ Video Link: https://youtu.be/gZlDn4EmTvo Track: Jimmy Hardwind - Want Me (feat. Mike Archangelo) ➤ Watch: https://youtu.be/-Rw8zR9wmTY Track: Lost Sky - Vision [NCS Release] ➤ Watch: https://youtu.be/7RU1l8GtGO Song: Ehrling - You And Me (Vlog No Copyright Music) ➤ Video Link: https://youtu.be/8HJSl7AiJNg
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
