دوره مجازی فاندیشن (جلسه 12) - کامپوننت ها - منوها - بخش اول

دسته بندی: آموزش
زمان مطالعه: ۱ دقیقه
۲۴ فروردین ۱۳۹۵

در جلسه دوازدهم دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی بخش اول مبحثمنوها و با کلاس ها و تگ های  آن آشنا خواهیم شد...

در این جلسه می پردازیم به :

  • بررسی ساختار اولیه منوها و نحوه ایجاد منوهای افقی و عمودی
  • نحوه تراز بندی و جانمایی منوها توسط کلاس align
  • بررسی کلاس menu
  • بررسی کلاس nested
  • بررسی کلاس active
  • بررسی کلاس menu text
  • برررسی کلاس icon-top و نحوه قرار دادن آیکون برای لینک های منو
  • نحوه ایجاد منوهای آبشاری
  • بررسی کلاس dropdown
  • بررسی اتریبیوت data-dropdown-menu
  • نحوه ایجاد منوهای آبشاری عمودی
  • نحوه ایجاد drill menu ها
  • بررسی اتریبیوت data-drilldown
  • نحوه ایجاد accordion menu ها
  • بررسی اتریبیوت data-accordion -menu
  • بررسی کلاس is-active
  • و...
:: توجه

این مطلب یک جلسه از آموزش حرفه ای فاندیشن می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش حرفه ای فاندیشن

نویسنده
علاقمند به طراحی و برنامه نویسی وب هستم و چند سالی میشه که در این زمینه فعالیت می کنم. (ایمیل من: @) وب سایت من:

جلسات دوره

نظرات کاربران

Arash Taghavi

سلام استاد صالحی عزیز.خسته نباشید بزرگوار.خواستم بپرسم توی دریل منو هایی که طراحی میکنم،مثلا میخوام با زدن گزینه ی الف،ده تا زیر منو بصورت دریل ظاهر شه.و گزینه ی ب هم فرضا یه دراپ دان باشه.اما مشکلم اینجاس که منوی ب،به اندازه ی زیر منوهای موجود در دریل منو الف از خوده تیتر الف فاصله میگیرن.میخواستم بدونم راه حلی وجود داره که این فاصله رو از بین برد؟مثل خود سایت سون لرن.ممنون از شما

وحید صالحی

!با css باید کنترلش کنید و فاصله رو توسط padding یا margin کم یا زیاد کنید

Arash Taghavi

خیلی مچکر

وحید صالحی

دوست عزیز ایمیلتون رو مجددا چک کنید پاسخ این سوالتون رو دادم به هر حال در دوره هم اشاره شده کافیه همین ساختاری رو که برای ایجاد زیر منوی اول انجام می دید برای یک یا چند لینک دیگه هم در زیر منو انجام بدید یعنی درون li لینک منون دوباره ساختار ul و li هایی که در قسمت قبل برای ایجاد زیر منو استفاده کردید رو استفاده کنید

سهیل محمدی

بله .منم مجدد به شما ایمیل زدم ک نمیشه و میفته رو هم و شما هم توجهی نکردید

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
گزارش مشکل