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

- visibility ٧ mode_comment

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

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

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

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

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

comment دیدگاه کاربران
سهیل محمدی

سلام استاد
شما در این حلسه اموزش ساخت زیر منوها رو دادین درسته
اما من میخام برای هر زیر منو یه زیر منو دیگه باشه !! اما شما اصلا اشاره نکردین چجوری باز باید اینکار انجام بشه ؟ منظورم همین منوهای مصلا سون لرن که بعضی از زیر منوها خودشون باز زیر منو دارن

وحید صالحی

پاسخ این سوال قبلا بهتون داده شده

سهیل محمدی

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

وحید صالحی

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

Arash Taghavi

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

وحید صالحی

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

Arash Taghavi

خیلی مچکر

نیاز به لاگین

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