تقييمات الطلاب
( 5 من 5 )
١ تقييمات
فيديو شرح Responsive Dropdown Sidebar Menu using HTML CSS and JavaScript Side Navigation Bar ضمن كورس تطبيقات على JavaScript شرح قناة CodingLab، الفديو رقم 65 مجانى معتمد اونلاين
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
Visit CodingNepal for helpful coding projects
https://www.codingnepalweb.com
Hire me on Upwork
https://www.upwork.com/freelancers/~0170a45b0b818415ef
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