Тёмный

Sidebar Menu Using HTML And CSS 

MicroCoding
Подписаться 660
Просмотров 6 тыс.
50% 1

In this video, I have created a sidebar menu using HTML and CSS. In this video, you will also learn how to make an animated sidebar menu that animates when you click on the menu button. This sidebar shows only the icons for each link. But when we click over the sidebar menu, it smoothly expands and reveals the respective logo’s link. I hope you will like this sidebar navigation menu. Feel free to download the source code of this sidebar menu from the given link.
🔗Download Source Code from here :
➡️drive.google.com/file/d/1Kllq...
✅ Recommended Videos :
Responsive Coffee Website Using HTML And CSS Only:
➡️ • How To Create Responsi...
Responsive Registration Form In HTML And CSS :
➡️ • Responsive Registratio...
How To Make A Website Using HTML And CSS :
➡️ • How To Make A Website ...
Responsive NavBar in HTML CSS :
➡️ • How to Create Responsi...
___________________________________________________________________________
⭐Hire me on Fiverr :
✅ www.fiverr.com/yubi_pangali
___________________________________________________________________________
Music Credit :
🎵 Elektronomia - Summersong 2018 | House | NCS - Copyright Free Music
• Elektronomia - Summers...
🎵 LAKEY INSPIRED - Chill Day
• LAKEY INSPIRED - Chill...
🎵 Lost Sky - Vision | Dubstep | NCS - Copyright Free Music
• Lost Sky - Vision | Du...
🎵 Waves (Official)
• #139 Waves (Official)
___________________________________________________________________________
#sidenavigation
#sidebar
#sidenavigationmenu
#htmlcss

Опубликовано:

 

6 апр 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 31   
@ashishicyy
@ashishicyy Месяц назад
Thank you for providing me these coding in detail, great work hats off❤️👒
@MicroCoding.
@MicroCoding. Месяц назад
Thank you so much❤️. It means a lot to me that you find the coding tutorials detailed and helpful.
@Bibek-Pangali
@Bibek-Pangali Месяц назад
Owu impressed ❤
@MicroCoding.
@MicroCoding. Месяц назад
Thank you! I’m so glad to hear that🙏....... Stay Tuned🌟
@jeevanbhattari3946
@jeevanbhattari3946 Месяц назад
Keep it up dude❤❤
@MicroCoding.
@MicroCoding. Месяц назад
Sure, I will✨
@user-ls2dr6tt9v
@user-ls2dr6tt9v Месяц назад
Such a useful video📷❤️
@MicroCoding.
@MicroCoding. Месяц назад
Glad it was helpful!✨
@samriddhiojha-sm9yb
@samriddhiojha-sm9yb Месяц назад
❤❤❤❤
@ozaswiupadhyay4799
@ozaswiupadhyay4799 Месяц назад
Informative video🙏🏻🙏🏻
@MicroCoding.
@MicroCoding. Месяц назад
Glad you liked it✨
@babitapangali9753
@babitapangali9753 Месяц назад
❤❤❤❤❤
@abod3122
@abod3122 21 день назад
شكرا كتير الك 🥰🥰🥰
@MicroCoding.
@MicroCoding. 21 день назад
You're welcome ❤️
@prakash655
@prakash655 Месяц назад
Nice and helpful video sir
@MicroCoding.
@MicroCoding. Месяц назад
Thank you so much!🙏 I’m really glad you found the video nice and helpful.
@mikhaildolgov
@mikhaildolgov Месяц назад
😎👍
@MicroCoding.
@MicroCoding. Месяц назад
🙏😊
@siryellow371
@siryellow371 Месяц назад
Sir, can you teach me more if you switch pages to another page, will the sidebar index keep the selected state? Like sub-items within sub-items are kept in position when turning pages. ThankSir, can you guide me further if I move the page to another page, will the sidebar index remain selected? Like sub-sections within sub-sections that stay in place when the page is turned. Thank you
@MicroCoding.
@MicroCoding. Месяц назад
You can achieve this using JavaScript. I'll try to make a video on it if possible. Stay tuned 🌟
@siryellow371
@siryellow371 Месяц назад
@@MicroCoding. Thank you sir, I hope to make a video about this one day, I've been trying to do it for a month now but am completely helpless. Please make a video about that!!
@MicroCoding.
@MicroCoding. Месяц назад
I'll definitely consider making a video on that topic. Stay tuned for future content, and keep coding!😀
@siryellow371
@siryellow371 Месяц назад
@@MicroCoding. Thank you and looking forward!!
@ozaswiupadhyay4799
@ozaswiupadhyay4799 Месяц назад
Wow first video that get 1.2k views 😮😮
@MicroCoding.
@MicroCoding. Месяц назад
It’s all thanks to the amazing support from viewers like you🙏.......Stay Tuned
@sahilsonawane8962
@sahilsonawane8962 Месяц назад
Can u explain what is the use of google fonts?
@MicroCoding.
@MicroCoding. Месяц назад
Yeah, Sure.😀 Basically, Google Fonts are used to decorate the text font on the website. In this video, I used Poppins fonts, but you can use any other fonts as well.
@sahilsonawane8962
@sahilsonawane8962 Месяц назад
@@MicroCoding. Thank you so much..that was really helpful 👍
@MicroCoding.
@MicroCoding. Месяц назад
You're welcome! Stay Tuned🌟
@rajkumarbista9459
@rajkumarbista9459 24 дня назад
❤❤❤❤
@MicroCoding.
@MicroCoding. 24 дня назад
❤️
Далее
Sidebar Menu using HTML & CSS
12:04
Просмотров 979 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 890 тыс.
Попили кофе 😁
00:11
Просмотров 13 тыс.
Incredible scroll-based animations with CSS-only
32:23
Просмотров 345 тыс.
How To Make Sidebar Menu On Website Using HTML And CSS
15:47
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 413 тыс.
ASMR Programming - Animated Login Page - No Talking
18:18
CSS Animation in 100 Seconds
2:05
Просмотров 330 тыс.