ساخت ساخت منوی کشویی یا آبشاری

یکی از امکانات خوب وبسایت ها منوهای کشویی یا dropdown است. منوهای کشویی لیستی از منوها با قابلیت داشتن زیر مجموعه هستند که تنها هنگام بردن ماوس روی آنها، ظاهر می شوند و با خارج کردن ماوس، مجددا به طور خودکار محو می شوند. طراحان سایت از این منو ها استفاده های زیادی می کنند. آیا می دانستید که می توانید تنها با استفاده از html و css منوهای کشویی یا آبشاری بسازید ؟

معمولا ساخت منوها با استفاده از JQuery یا جاوااسکریپت صورت می گیرد. اما در این دوره طراحی وب که محصولی از شرکت لینداست، قرار است یک منوی زیبا و تعاملی که  روی تمامی دستگاه های اندرویدی , ios و لمسی کار خواهد کرد، فقط و فقط با css و html ایجاد کنیم.

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

آنچه در دوره آموزش ساخت منوی کشویی با Css و html خواهید دید:

۱-معرفی

*معرفی

*کار با فایل های تمرینی

۲-ایجاد منو ها با css

*تو در تو کردن لیست نامرتب در html

*override کردن لیست بولت

*پاکسازی float با استفاده از  Pseudo

*مخفی و نمایان کردن منو ها با رفتن موس به روی آنها

*تغییر موقعیت منوی طبقه سوم

*استایل دادن به منو های طبقه اصلی

*اضافه کردن خاصیت ARIA

*ریسپانسیو کردن منوها