اگر فیلم های آموزش طراحی سایت آنلاینر را دنبال کرده باشید، حتماً فیلم آموزش ساخت منوی افقی ساده با 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.ir/css-snippets/horizontal-nav-double-border.zip’]دانلود دمو[/onliner_button]
[/free_vip]
دسترسی سریع :
- آموزش قبلی : فیلم آموزش معرفی مشخصه clear در css و آشنایی با کاربردهای آن
- آموزش بعدی : فیلم آموزشی بررسی رابطه عناصر شناور با مبحث Box Model در CSS
- لیست فیلم ها : فیلم های آموزش جامع CSS
5 دیدگاه دربارهٔ «فیلم آموزش ساخت منوی افقی و استفاده از تکنیک double border در css»
سلام
خدا قوت و خسته نباشید خدمت اساتید محترم این سایت.
واقعا عالی هستین. به امید پیشرفت و موفقیت روز افزون شما
آقا واقعا دستتون درست
عالی هستید
بازتاب: آموزش CSS | آموزش ساخت گالری عکس با CSS و HTML
سلام . ممنون از اموزشهاي خوب شما . به اين اميد كه سطح اموزشها هر روز بالاتر و كاربردي تر شود . به اين خاطر كه اموزشهاي css و html در سايتهاي فارسي زياد است ولي اكثر انها فقط به اموزش دستورات ميپردازند و اموزشهاي كاربردي از اموزش چند تا منو و قالب معمولي فراتر نمي رود .
بازتاب: آموزش CSS | ساخت منوی افقی ساده با CSS