illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



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

آموزش ساخت منوی آبشاری توسط css و css3 (قسمت دوم)

25905 ۲۴ مرداد ۹۲

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

پیش نیاز این آموزش:

آشنایی با:

  • html
  • css,css3
.: فقط اعضاي سايت مجاز به ديدن اين قسمت هستند :.
در صورتي که عضو سايت هستيد می توانید لاگین شويد.
در غير اين صورت در کمتر از 1 دقيقه مي توانيد در سايت عضو شويد.
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 95 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏
    سید علی(۱۸ تیر ۱۳۹۳)

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

  • ‏‏
    Marjan Ghasemi(۱۹ مرداد ۱۳۹۳)

    سلام آقای صالحی، خسته نباشید، مطالب سایتتون عالیه. من تو ساخت این منو یک مشکل کوچولو دارم که نتونستم حلش کنم. وقتی میخوام opacity زیر منو رو یک کنم کد رو قبول نمیکنه نمیدونم چرا؟ هر راه حلی که به ذهنم رسید رو امتحان کردم اما نتیجه نداد، میشه خواهش کنم راهنمایی کنید که چطور میتونم حلش کنم؟ opacity رو صفر میکنه اما این یک خطو قبول نمیکنه

    امتحان کردم اگه به جای ul یه عنصر دیگه مثل a میذارم رو قبول میکنه و هر کدی داخلش باشه اجرا میشه اما برا ul هیچ کدی رو قبول نمیکنه.

    با تشکر

    • ‏‏
      وحید صالحی(۱۹ مرداد ۱۳۹۳)

      سلام
      برای ul نمی تونید این کار رو انجام بدید باید این خاصیت رو به تگ li که درون ul ایجاد میشه اعمال کنید….

  • ‏‏
    Marjan Ghasemi(۲۰ مرداد ۱۳۹۳)

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


    با تشکر

    • ‏‏
      وحید صالحی(۲۰ مرداد ۱۳۹۳)

      چندین ماه از تولید این آموزش میگذره و حضور ذهن در مورد کدهاش ندارم قسمتی رو که مشکل دارید کدهاش رو کامل قرار بدید

  • ‏‏
    Marjan Ghasemi(۲۰ مرداد ۱۳۹۳)

    باشه، ممنون.

    • ‏‏
      وحید صالحی(۲۰ مرداد ۱۳۹۳)

      دوست عزیز با دقت ویدئو رو تماشا کنید : :)
      شما باید بعد از علامت < به ul اشاره کنید در حالی که شما در کد ارسالیتون بعد از علاکت < به li اشاره کردین زمان 16:25 رو در قسمت دوم آموزش مشاهده کنید و می بینید که در ویدئوی آموزشی به این صورت توضیح داده شده و همه چیز به درستی کار میکنه و مشکل از کدنویسی شماست… موفق باشید

  • ‏‏
    Marjan Ghasemi(۲۰ مرداد ۱۳۹۳)

    تو آموزش ویدئو کد زیر نوشته شده بود.

  • ‏‏
    Marjan Ghasemi(۲۱ مرداد ۱۳۹۳)

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

    ❗ 😥 ❗

  • ‏‏
    Marjan Ghasemi(۲۱ مرداد ۱۳۹۳)

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

    • ‏‏
      وحید صالحی(۲۱ مرداد ۱۳۹۳)

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

  • ‏‏
    Marjan Ghasemi(۲۲ مرداد ۱۳۹۳)

    خیلی ممنون از توجهتون، مشکلم حل شد. 😎 تگهای html ام مشکل داشت.

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram