ساخت منو بار عمودی در CSS
در این آموزش CSS قصد دارم با استفاده از لیست ها یک Menu Bar عمودی طراحی کنیم.
می خواهیم با نحوه طراحی و ایجاد منوی آبشاری یا عمودی (vertical) با تگ ul li و استفاده صرف از css آشنا شویم، از نقاط قوت این منو سازگاری با زبان فارسی و نمایش یکسان در مرورگرهای مختلف و در عین حال سبک و کم حجم بودن آن است.
نکته ای که در ساخت منوبار های Vertical وجود دارد این است که خود CSS بصورت پیش فرض آیتم هایی که در یک لیست قرار می گیرند را بصورت زیر هم قرار می دهد. پس شما کافی است فقط یک لیست درست کنید تا منوی شما ساخته شود و در مرحله بعد آن را با کدهای دیگر CSS زیباسازی کنید.
قسمت های قبل را کجا ببینیم؟
شما می‌توانید برای دیدن قسمت های قبل آموزش CSS به فهرست آموزش CSS وبلاگ مراجعه کنید و یا اینکه مستقیم به لیست پخش آن در کانال یوتیوب مراجعه نمایید.
لیست پخش آموزش جامع سی اس اس در یوتیوب
دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir
در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.
عضویت در کانال تلگرام: t.me/AsteriXarts
مطالب مرتبط دیگر:
آموزش جامع CSS: معرفی دوره
اصول ابتدایی و اساسی CSS
انتخابگرها در CSS (قسمت اول
چطور در CSS متن تو رفتگی ایجاد کنیم؟
آموزش جامع CSS: چطور یک شی را در صفحه مخفی یا ظاهر کنیم؟
چطور از فونت‌ها در CSS استفاده کنیم؟
آموزش جامع CSS : چطور از لیست‌ها در سی اس اس استفاده کنیم؟
