shams 14 تیر 1393 22 20766 بازدید آموزش CSS
فیلم آموزش ساخت منوی کشویی افقی با CSS

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

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

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

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

دسترسی به این بخش مخصوص اعضاست. شما می توانید به رایگان عضو شوید و به این بخش دسترسی داشته باشید. ورود / عضویت

دسترسی سریع :

نظرات کاربران (22)



  1. محمد جواد

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

  2. rezafazli

    سلام خسته نباشید و ممنون بابت اموزش میخواستم بگم که این خطارو میده و زیر مجموعه هاش پایین نمیاد ممنون اگه راهنماییم کنید
    http://uupload.ir/files/firs_11khta.png

    http://pingomarket.com

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

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

  3. abolfazl

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

  4. H a m i n

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

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

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

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

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

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

  5. بهرام

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

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

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

  6. فرشاد

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

  7. دیزاینر

    عالی بود ممنون


  8. ممنون، عالی بود

  9. hamid

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

  10. hadi

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

    • shams

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

  11. محمد هنرجو

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

    • علی آخرتی

      بله حتما در برنامه های آینده قرار میدیم

      • jamal

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

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

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

  12. علی

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

    • Alidoon

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

  13. محمد

    سلام ممنونم ، عالی بود