campaign-off40

دوره مجازی فاندیشن (جلسه 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 دیدگاه کاربران
سهیل محمدی replyپاسخ

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

وحید صالحی

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

سهیل محمدی

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

وحید صالحی

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

Arash Taghavi replyپاسخ

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

وحید صالحی

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

Arash Taghavi

خیلی مچکر

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.