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

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

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

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

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

 

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

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

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

 

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

YouTube ویدئو

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

 


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

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

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

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

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

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

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

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

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

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

 

 

حسین محمودی
حسین محمودی

حسین محمودی هستم، طراح محصول و UI/UX، طراح گرافیکی، صفحه آراء.
تصمیم گرفتم مطالبی در زمینه های مختلفی که بهشون علاقه دارم رو در اینجا قرار بدم که از جمله میشه به طراحی رابط کاربری و تجربه کاربری (UI/UX)، طراحی گرافیک و صفحه آرایی اشاره کرد.

مقاله‌ها: 236

پاسخی بگذارید