فیلم آموزش ساخت منوی کشویی افقی با CSS

فیلم آموزش ساخت منوی کشویی افقی با CSS

در مطالب قبلی آموزش طراحی سایت، با نحوه ساخت چند نوع منوی متفاوت مبتنی بر CSS و عنصر ul آشنا شدید. در این فیلم آموزش CSS، از ترکیب منوهایی که تا به حال آموخته اید، یک منوی کشویی افقی خواهیم ساخت که جزء پرکاربردترین منوها در CSS می باشد.

می توانید لیست منوهای دیگری که در آنلاینر آموزش داده شده است را در زیر مشاهده کنید :

[hdplay id=121]

برای دانلود فیلم آموزشی و اسنیپت های آموزش مربوطه از لینک های زیر استفاده کنید :

[free_vip]
[video_download cat=’html’ url=’http://dl.onliner.ir/css-videos/horizontal-drop-down-menu.mp4′]دانلود فیلم آموزش ساخت منوی کشویی افقی با CSS[/video_download]

[onliner_button type=”edu-demo” url=’http://dl.onliner.ir/css-snippets/horizontal-dropdown-menu.zip’]دانلود دمو[/onliner_button]
[/free_vip]

دسترسی سریع :

به این صفحه رتبه دهید

22 دیدگاه دربارهٔ «فیلم آموزش ساخت منوی کشویی افقی با CSS»

  1. آواتار محمد جواد
    محمد جواد

    سلام اگه ممکنه میشه بگید که چجوری منو با اسکرول کردن صفحه همراه صفحه میاد پایین صفحه یعنی همون منوی متحرک

    1. آواتار گروه آموزش طراحی سایت
      گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      دانش پذیران عزیز میتوانند سوالات مربوطه را در بخش مباحث دوره ی آموزش تبدیل PSD به HTML مطرح نمایند؛ در خدمت شان خواهیم بود.

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

  3. سلام
    ممنون از آموزش جامع و خوبتون

    یه مشکلی دارم من اینکه تا به ul اصلیم عرض ندم افقی قرار نمیگیره و به شکل تصویر زیر در میاد:
    http://uupload.ir/files/16p1_ul_menu.png

    و اینکه هر کاری میکنم لیست استایل های زیرمنو هام حذف نمیشن

    خوشحال میشم سوالام رو جواب بدید
    مرسی

    1. آواتار گروه آموزش طراحی سایت
      گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      فیلم های آموزش های کامل و جامع تمام جزئیات ساخت منو را می توانید در فهرست آموزش های دوره ی آموزش تبدیل PSD به HTML دنبال بفرمایید.

  4. با سلام و تشکر فراوان از زحمات شما.
    میخواستم بگم که اگه سورس تمرینات را هم برای دانلود بگذارید ، اثر خیلی بهتری توی یادگیری داره .
    باز هم ممنون

    1. آواتار گروه آموزش طراحی سایت
      گروه آموزش طراحی سایت

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

  5. واقععععا ممنونم
    هیچ سایتی ی همچین اموزش جامعی برای منو ندیده بودم
    مرسی

  6. باسلام و خسته نباشید ممنون از آموزش های خوبتون یک در خواست داشتم در قسمت منو های کشویی عمودی و افقی در داخل زیر منو ها باز هم زیر منو وجود داشته باشد مانند سایت pedal.ir
    چاره این کار چیست لطف کنید اموزش دهید باتشکر.

  7. باسلام و احترام زیاد خدمت شما آقای آموزش دهنده ی این آموزش!، خیلی خیلی پیچیده توضیح میدید و قابل فهم نیست مطالبتون!

    1. سلام خدمت شما دوست عزیز.سعی شده که آموزش ها در ساده ترین شکل ممکن و به صورت کاربردی توضیح داده بشه. شما باید ابتدا فیلم های آموزشی قبلی ما رو مشاهده کنید تا خیلی راحت تر بتونید این آموزش رو یاد بگیرید

  8. آواتار محمد هنرجو
    محمد هنرجو

    سلام ممنون از آموزشاتون واقعاً عالی هستن میشه یه آموزش جی کوئری هم برای استایل دهی و افکت ها بزارید ممنون میشم!

      1. برای حرکت دادن یک div باید مقدار position:fixed باشه اینطور با بالا و پایین شدن صفحه اون قسمت هم متحرکه

        1. آواتار گروه آموزش طراحی سایت
          گروه آموزش طراحی سایت

          با عرض سلام و احترام خدمت شما
          ما در این جلسه ی آموزشی تنها قصد ساخت منوی کشویی داشتیم، و نه منویی که لزوما با اسکرول شدن صفحه نیز ثابت باشد.

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

    1. سلام و احترام
      میتونید به li های منو float:right; یا float:left; بدید.
      کنار هم جیده میشن آیتم ها.
      البته والد آیتم ها باید عرض مناسب برای جاشدن تمام آیتم ها کنار هم رو داشته باشه.

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مشاوره رایگان
Scroll to Top