لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی وب: ایجاد منوهای پیمایش فقط CSS
Design the Web: Creating CSS-Only Navigation Menus
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
آیا می دانید با چیزی بیش از HTML و CSS نمی توانید منوهای کشویی را به صفحه وب خود اضافه کنید؟ منوهای تعاملی معمولاً با jQuery یا یک چارچوب جاوا اسکریپت دیگر انجام می شوند. اما حقیقت این است که ، با CSS می توانید همان تجربه غنی ، از جمله پشتیبانی کامل از iOS و دستگاه های ویندوز با صفحه لمسی را ایجاد کنید. در این قسمت از طراحی وب em> ، کریس کانورس به ما می آموزد که چگونه لیست ها را لانه کنیم ، منوها را به سبک و موقعیت آنها اضافه کنیم ، برای سازگاری متقابل ، علامت گذاری ARIA را اضافه کنیم و منوها را کاملاً پاسخگو کنیم.
پرونده های تمرینی برای همه اعضا رایگان است! امروز آنها را بارگیری کنید تا منوهای کشویی چند سطحی خود را ایجاد کنید.
سرفصل ها و درس ها
مقدمه
Introduction
خوش آمدی
Welcome
با استفاده از پرونده های تمرینی
Using the exercise files
1. ایجاد منوها با CSS
1. Creating Menus with CSS
تودرتو لیست های نامرتب در HTML
Nesting unordered lists in HTML
نادیده گرفتن سبک لیست بولت
Overriding the bulleted list style
پاکسازی شناورها با عناصر شبه
Clearing the floats with pseudo-elements
نشان دادن
Showing and hiding submenus on hover
قرار دادن منوها در سطح سوم
Positioning the third-level menus
نمایش نظرات