اگر فیلم های آموزش طراحی سایت آنلاینر را دنبال کرده باشید، حتماً فیلم آموزش ساخت منوی افقی ساده با css را مشاهده کرده اید. در آن فیلم ما یک منوی افقی بسیار ساده را با کدهای CSS طراحی کردیم. در این مبحث آموزش طراحی سایت، با موارد جدیدی که از کدهای CSS یاد گرفته اید (مانند float و overflow )، یک منوی افقی کاربردی و واقعی را خواهیم ساخت و در آن از تکنیک double border استفاده خواهیم کرد.
می توانید لیست منوهای دیگری که در آنلاینر آموزش داده شده است را در زیر مشاهده کنید :
- منوی کشویی افقی
- منوی کشویی عمودی
- منوی آکاردئونی (کشویی)
- منوی افقی ساده
- منوی عمودی از روی طرح گرافیکی فتوشاپ
- تب منوی افقی
- تب منوی عمودی
[hdplay id=85]
برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :
[free_vip]
[video_download cat=’html’ url=’https://onliner.co/css-videos/horizontal-nav-double-border.mp4′]دانلود فیلم آموزش ساخت منوی افقی و استفاده از تکنیک double border در css[/video_download]
[onliner_button type=”edu-demo” url=’http://dl.onliner.co/css-snippets/horizontal-nav-double-border.zip’]دانلود دمو[/onliner_button]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش معرفی مشخصه clear در css و آشنایی با کاربردهای آن
- آموزش بعدی : فیلم آموزشی بررسی رابطه عناصر شناور با مبحث Box Model در CSS
- لیست فیلم ها : فیلم های آموزش جامع CSS
سلام
خدا قوت و خسته نباشید خدمت اساتید محترم این سایت.
واقعا عالی هستین. به امید پیشرفت و موفقیت روز افزون شما
آقا واقعا دستتون درست
عالی هستید
سلام . ممنون از اموزشهای خوب شما . به این امید که سطح اموزشها هر روز بالاتر و کاربردی تر شود . به این خاطر که اموزشهای css و html در سایتهای فارسی زیاد است ولی اکثر انها فقط به اموزش دستورات میپردازند و اموزشهای کاربردی از اموزش چند تا منو و قالب معمولی فراتر نمی رود .