فیلم آموزش ساخت منو کشویی آبشاری با CSS3

آموزش ساخت منو کشویی

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

 

0

جعبه دانلود

نوع فایل : فیلم آموزشی مدرس: رضا حیدری حجم فایل : 40 مگابایت رمزفایل : www.websoft3.ir منبع : وبسافت3 دانلود فایل : برای دانلود باید وارد شوید یا ثبت نام کنید

44 نظر برای “فیلم آموزش ساخت منو کشویی آبشاری با CSS3”

  1. وحید گفت:

    تشکر از آقا رضای نازنین.

    0
    1. مدیر رضاحیدری گفت:

      زنده باشی قربان

      0
  2. متین گفت:

    آقا این قسمتم عالی بود. مرسی

    0
    1. مدیر رضاحیدری گفت:

      خاهش میکنم

      0
  3. وحید گفت:

    آقا رضا امشب آموزش نداریم 🙂

    0
    1. مدیر رضاحیدری گفت:

      شرمنده امشب یکم دیر شد نیم ساعت دیگه اپلود میکنم

      0
      1. وحید گفت:

        ای ولا 🙂

        0
  4. علی سبحانی گفت:

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

    0
    1. مدیر رضاحیدری گفت:

      خواهش میکنم خوشحالم که مطالبم مورداستفادتون قرار گرفته

      0
  5. هادی گفت:

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

    0
    1. مدیر رضاحیدری گفت:

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

      0
  6. علی گفت:

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

    0
    1. مدیر رضاحیدری گفت:

      سلام علی آقا به عناصرتون فلون بدیت تا جایگاهشون تثبیت بشه

      0
  7. علیرضا گفت:

    سلام من از قسمت 1 تا 10 آموزش ورد پرس رو نتونستم تو سایت شما پیدا کنم راهنمایی میکنید کجا میتونم پیداش کنم؟

    0
    1. مدیر رضاحیدری گفت:

      سلام میتونید به پیج های قدیمی تر برید
      http://websoft3.ir/page/7/
      http://websoft3.ir/page/8/

      0
  8. مگاجک گفت:

    سلام داش رضا گل
    دادا 2تا سوال
    وقتی هاور میشی روی منو قسمت زیر مجموعه ظاهر میشه درسته؟
    خوب یه نگاه کن وقتی رو زیر مجموعه هم هاور میشی یه بکگراند میگیره
    سوال من اینه چیکار کنم که وقتی هاور شد از سمت چپ و راست جای خالی نباشه
    یعنی وقتی روی زیر مجموعه هاور شد بکگراند کل اون قسمت رو بگیره و فضای خالی نداشته باشه

    و سوال دومم
    میشه یه راهنمایی کنی چجوری میتونم یه منو مثل سایت فامو درست کنم
    famo.ir

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

    0
    1. مدیر رضاحیدری گفت:

      سلام دوست عزیز در رابطه با سوال اولت شما میتونی برای تگ های a منوهای زیرمجموعه پدینگ یا مارجین در نظر نگیری تا از طرفین فاصله ای نداشته باشین
      برای سوال دومت هم منظورتو متوجه نشدم کجاشو میگی زیباست؟ اگر حالت بازشدن زیرمجموعه رو میگی که از بالا به پایین باز میشه شما میتونی کلا همون تگ ul زیرمجموعه رو که در حالت عادی display:none هست رو top بدی که از بالا فاصله داشته باشه و تویه قسمت هاورش ینی تویه این قسمت nav ul li: hover ul اون مقدار تاپی که دادی رو برگردونی به حالت اول – اینجوری زیرمجموعه با حالت افکت از بالا پایین چپ راست ظاهر میشن

      0
  9. alborz گفت:

    مرسی
    دادا یه سوال
    من قالب رو توی لوکال طراحی کردم و استایل دادم و غیره
    خیلی هم خوب کار میکرد و مشکلی نداشت
    ولی وقتی بردم به هاست و فعالش کردم کاملا خراب شده
    اصلا دربو داغون شد نمیدونم چرا
    دلیلشو میدونی؟
    افزونه های مورد نظر هم فعال کردم و ابزارک هم ایجاد کردم ولی بیشتر جاهاش مشکل داره

    0
    1. مدیر رضاحیدری گفت:

      دقیقا بگو چه مشکلی داره؟ خطا میده یا استایلش بهم میریزه؟

      0
      1. alborz گفت:

        مثلا قسمت اسلایدرش کار نمیکنه

        0
        1. مدیر رضاحیدری گفت:

          اون احتمالا بخاطر تداخل فایل های جی کوئریه – این کد رو تویه فایل فانکشن قالبت کپی کن – آدرس سایتتم بده

          if (!is_admin()) {
          function site_init()
          {
          wp_deregister_script(‘jquery’);
          }
          add_action(‘init’, ‘site_init’);
          }

          0
          1. alborz گفت:

            http://wpdes.ir/

            بازم همونجوریه

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

            0
          2. مدیر رضاحیدری گفت:

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

            0
  10. alborz گفت:

    مرسی
    تو بهرست ها اضافه میکنم ولی به منو اضافه نمیشه نمیدونم چرا
    اینو تو لوکال هم داشتم یادم چیکار کردم درست شد

    0
    1. مدیر رضاحیدری گفت:

      باید اسامی که تویه فایل فانکشن برای منو هات درنظر گرفتی رو دقیقا همونارو برای ایجاد فهرست بنویسی

      0
      1. alborz گفت:

        اسلایدر اوکی شد با این تکه کد
        if (!is_admin()) {
        function site_init()
        {
        // remove jQuery
        wp_deregister_script(‘jquery’);
        }
        add_action(‘init’, ‘site_init’);
        }

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

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

        سوال وم میشه قسمتای 32 تا 35 رو رایگان بدی؟ 🙂 چون میخوای پاک کنی حیفه 😀

        0
        1. مدیر رضاحیدری گفت:

          در رابطه با سوال اولت
          – نه نمیشه
          – تاریخ که درسته؟
          -حیفه؟؟؟؟ 😀 قسمت های پولی رو پاک نمیکنم – حالا بخاطر گل رویه شما قسمت 32 سئو رو رایگان کردم بفرمایید

          0
  11. alborz گفت:

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

    تو همون قسمت فهرست ها قسمتی وجود داره به اسم ” مدیریت جایگاه ها ” تو اون قسمت اون دو اسمی که تو فانکشن گذاشتین وجود داره از اون قسمت میتونید انتخاب کنید که منوی بالا کدوم فهرست و منوی اصلی کدوم فهرست باشه

    با تشکر

    0
  12. alborz گفت:

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

    0
    1. مدیر رضاحیدری گفت:

      اینا که در حد رایگانه یعنی خداییش اگه بدونی برای یادگیریه بعضی از مباحثی که الان بصورت رایگان یا با همین 4 – 5 تومن تو سایت گذاشتم خودم چقد پوستم کنده شده
      همون اسلایدری که قسمت 13 با 5000 تومن آموزششو گذاشتم دوسال پیش که میخواستم یه همچین اسلایدری داشته باشم و خودم هنوز بلد نبودم 300 هزار تومن قیمت میدادن(که البته منم هزینه نکردم و همون انگیزه ای شد برای یادگیری). اگر فکر میکنی با پرداخت حتی 1میلیون تومن میتونی فقط 20روز تو وقتت صرفه جویی کنی بنظر من هزینه کن چیزی که مهمه وقتته

      0
      1. alborz گفت:

        سلامی دوباره
        دادا به سایت فامو برو famo.ir
        بعد قسمت نظرات یه پست برو اونجا مدیر سایت وقتی جواب نظر رو میده کنار اسمش زده مدیر
        چجوری اونو اضافه کنم؟

        0
        1. مدیر رضاحیدری گفت:

          سلام این مورد رو تویه دوره جدیدی که مشغول ضبطش هستم توضیح دادم – اگه خواستی میتونی اون دوره رو ببینی هر چی که بخوای تویه اون دوره هست – امکان لایک کردن کامنت ها رو هم داریم –
          تویه فایل تکست چندتا از سرفصل های مهم و جالبشو الان نوشتم ببین اگه مورد نیاز هست از این دوره استفاده کن -50 قسمت از این دوره ضبط شده و حدودا 15 قسمت دیگه مونده
          http://s7.picofile.com/file/8240135200/1111.txt.html

          0
          1. alborz گفت:

            حالا این یه تیکه رو بگو لطفا
            فعلا جیب خالیه از یجا پول در بیارم بعد بگیرم

            0
          2. مدیر رضاحیدری گفت:

            این کد رو کپی کن ببین درست میشه؟ خبر بده
            .bypostauthor::before {
            content: “مدیر”;
            color: #FFF;
            background: none repeat scroll 0% 0% #27AE60;
            float: left;
            padding: 0px 12px 2px;
            line-height: 22px;
            border-radius: 5px;
            text-shadow: 0px 0px 2px #FFF;
            }

            0
  13. alborz گفت:

    مثل اون اورد اما کلا یه قسمت دیگه اومد

    مثلا اسم من سمت راست میاد اما اون رفت سمت چپ و زیر اواتار

    0
    1. مدیر رضاحیدری گفت:

      خوب دیگه بقیش استایل دهیه که خودت باید طبق سلیقت درست کنی

      0
      1. alborz گفت:

        فدایی داری
        دوتا سوال دیگه

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

        سوال دوم این پرداخت اینترنتی که تو سایت گذاشتی از طریق افزونه هست؟ اسم افزونه چیه و کلا چیه 😀

        اها راستی مطالبت تو سایت stulearn.com رایگان گذاشتن بعضی قسمتای پولی هم رایگان گذاشته رسیدگی کن

        0
        1. مدیر رضاحیدری گفت:

          برای اینکه قالبت تویه همه صفحه های نمایش خودشو مطابقت بده باید ریسپانسیو بشه – اسم افزونه ای که برای پرداخت به ازای دانلود هست easy digital download هستش که باید با حساب payline تون ست بشه که آموزش هر دو مورد رو تویه دوره جدید داریم
          – ممنون که اطلاع رسانی کردی تماس گرفتم یه سوء تفاهم بوده حل شد

          0
  14. alborz گفت:

    Notice: تابع register_sidebar به‌صورت نادرست فراخوانی شد. No id was set in the arguments array for the “linkha” sidebar. Defaulting to “sidebar-1”. Manually set the id to “sidebar-1” to silence this notice and keep existing sidebar content. لطفاً برای اطلاعات بیشتر، اشکال زدایی در وردپرس را مشاهده کنید. (این پیام در نگارش 4.2.0 اضافه شده است) in /home/wpdesir/public_html/wp-includes/functions.php on line 3792

    Notice: تابع register_sidebar به‌صورت نادرست فراخوانی شد. No id was set in the arguments array for the “boxlogin” sidebar. Defaulting to “sidebar-2”. Manually set the id to “sidebar-2” to silence this notice and keep existing sidebar content. لطفاً برای اطلاعات بیشتر، اشکال زدایی در وردپرس را مشاهده کنید. (این پیام در نگارش 4.2.0 اضافه شده است) in /home/wpdesir/public_html/wp-includes/functions.php on line 3792

    Notice: تابع register_sidebar به‌صورت نادرست فراخوانی شد. No id was set in the arguments array for the “boxeshterak” sidebar. Defaulting to “sidebar-3”. Manually set the id to “sidebar-3” to silence this notice and keep existing sidebar content. لطفاً برای اطلاعات بیشتر، اشکال زدایی در وردپرس را مشاهده کنید. (این پیام در نگارش 4.2.0 اضافه شده است) in /home/wpdesir/public_html/wp-includes/functions.php on line 3792

    Notice: تابع register_sidebar به‌صورت نادرست فراخوانی شد. No id was set in the arguments array for the “boxtag” sidebar. Defaulting to “sidebar-4”. Manually set the id to “sidebar-4” to silence this notice and keep existing sidebar content. لطفاً برای اطلاعات بیشتر، اشکال زدایی در وردپرس را مشاهده کنید. (این پیام در نگارش 4.2.0 اضافه شده است) in /home/wpdesir/public_html/wp-includes/functions.php on line 3792

    Notice: The called constructor method for WP_Widget is deprecated since version 4.3.0! Use

    __construct()

    instead. in /home/wpdesir/public_html/wp-includes/functions.php on line 3624

    Notice: The called constructor method for WP_Widget is deprecated since version 4.3.0! Use

    __construct()

    instead. in /home/wpdesir/public_html/wp-includes/functions.php on line 3624

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

    0
    1. مدیر رضاحیدری گفت:

      تویه فایل فانکشن برای تعریف سایدبار هات اون اسمی که تویه name گذاشتی رو بردار و زیرش یه آرایه دیگه اضافه کن به نام id و اسمی که به مقدار name دادی رو برای ایدی کپی کن تویه name هم هرچی دوس داشتی بنویس فارسی هم میتونی

      0
      1. alborz گفت:

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

        0
        1. مدیر رضاحیدری گفت:

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

          0
  15. soap2020 گفت:

    لینک دانلود خراب است

    0
    1. مدیر رضاحیدری گفت:

      لینک ها اصلاح شدن

      0
شما هم نظر خود را درمورد این پست به ما بگویید!

پاسخ دهید

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

سه + 13 =

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

مشاهده همه محصولات
عضویت در خبرنامه وبسافت3
با عضوت در خبرنامه ایمیلی جدیدترین مطالب و فیلم های آموزشی را در ایمیل تان دریافت کنید. اعضاء خبرنامه از امکانات ویژه ای برخوردار خواهند شد !!!