آموزش جامع CSS – چطور یک منو بار عمودی در طراحی کنیم؟

ساخت منو بار عمودی در CSS

در این آموزش CSS قصد دارم با استفاده از لیست ها یک Menu Bar عمودی طراحی کنیم.
می خواهیم با نحوه طراحی و ایجاد منوی آبشاری یا عمودی (vertical) با تگ ul li و استفاده صرف از css آشنا شویم، از نقاط قوت این منو سازگاری با زبان فارسی و نمایش یکسان در مرورگرهای مختلف و در عین حال سبک و کم حجم بودن آن است.

نکته ای که در ساخت منوبار های Vertical وجود دارد این است که خود CSS بصورت پیش فرض آیتم هایی که در یک لیست قرار می گیرند را بصورت زیر هم قرار می دهد. پس شما کافی است فقط یک لیست درست کنید تا منوی شما ساخته شود و در مرحله بعد آن را با کدهای دیگر CSS زیباسازی کنید.

 

قسمت های قبل را کجا ببینیم؟

شما می‌توانید برای دیدن قسمت های قبل آموزش CSS به فهرست آموزش CSS وبلاگ مراجعه کنید و یا اینکه مستقیم به لیست پخش آن در کانال یوتیوب مراجعه نمایید.

لیست پخش آموزش جامع سی اس اس در یوتیوب 

 

بعد از روشن کردن VPN یا فیلترشکن، بر روی تصویر یا لینک یوتیوب زیر کلیک کنید تا ویدیوی آموزش را ببینید)

لینک آموزش در یوتیوب 

آموزش جامع CSS – چطور یک منو بار عمودی در طراحی کنیم؟

عضویت در کانال یوتوب من: Youtube

 

---

در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.

عضویت در کانال تلگرام: t.me/AsteriXarts

مطالب مرتبط دیگر:

آموزش جامع CSS: معرفی دوره

اصول ابتدایی و اساسی CSS

انتخابگرها در CSS (قسمت اول

چطور در CSS متن تو رفتگی ایجاد کنیم؟

آموزش جامع CSS: چطور یک شی را در صفحه مخفی یا ظاهر کنیم؟

چطور چیدمان متن را در CSS تغییر دهیم؟

چطور از فونت‌ها در CSS استفاده کنیم؟

آموزش جامع CSS : چطور از لیست‌ها در سی اس اس استفاده کنیم؟