• صفحه اصلی
  • وب
    • آموزش HTML
    • آموزش CSS
    • آموزش جاوا اسکریپت
    • آموزش jquery
    • آموزش بوت استرپ
    • آموزش PHP
    • آموزش وردپرس
  • طراحی
    • ایلوستریتور
    • فتوشاپ
  • انیمیشن و سه بعدی
    • افترافکت
    • سینمافوردی
  • کسب و کار
    • بازاریابی
    • نرم افزار های آفیس
  • تدریس در آموزش تک
  • درباره ما
  • تماس با ما
      • عضویتورود
    آموزش تک
    • صفحه اصلی
    • وب
      • آموزش HTML
      • آموزش CSS
      • آموزش جاوا اسکریپت
      • آموزش jquery
      • آموزش بوت استرپ
      • آموزش PHP
      • آموزش وردپرس
    • طراحی
      • ایلوستریتور
      • فتوشاپ
    • انیمیشن و سه بعدی
      • افترافکت
      • سینمافوردی
    • کسب و کار
      • بازاریابی
      • نرم افزار های آفیس
    • تدریس در آموزش تک
    • درباره ما
    • تماس با ما
        • عضویتورود

      آموزش بوت استرپ

      • خانه
      • همه دوره ها
      • آموزش بوت استرپ
      • آموزش ساخت اسلایدر در بوت استرپ 4
      دوره هاوبآموزش بوت استرپآموزش ساخت اسلایدر در بوت استرپ 4
      • 2
        • درس1.1
          ساخت اسلایدر در بوت استرپ 4 – بخش اول 16 min
        • درس1.2
          ساخت اسلایدر در بوت استرپ 4 – بخش دوم 20 min

        ساخت اسلایدر در بوت استرپ 4 – بخش اول

        مشخصات آموزش :

        مدت زمان: 16 دقیقه

        حجم فایل : 44 مگابایت

        بعدی ساخت اسلایدر در بوت استرپ 4 – بخش دوم

          24 دیدگاه

        1. matin.jn2007
          آوریل 12, 2021

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

        2. alimoghadam
          دسامبر 16, 2020

          سلام وقت بخیر ممنون از آموزش خوبتون
          یه سوال داشتم چطور میتونیم طول وعرض عکسها را در اسلایدر کنترل کنیم؟ چون معمولا طول وعرض عکسها یکی نمی باشن

          • کریم مصطفی زاده
            دسامبر 17, 2020

            سلام و درود

            باید تصاویری انتخاب کنید که طول و عرض شون یکی باشه در غیر این صورت باید عرض تصاویر رو 100 درصد کنید که وجهه‌ی جالبی نخواهد داشت

            موفق و پیروز باشید

        3. negin aazami
          نوامبر 23, 2020

          خیلی آموزش عالی بود
          ممنونم از شما
          یه سوال داشتم ک برای اینکه سرعت اسلاید ها 5ثانیه کمترباشه باید چیکار کرد؟

          • کریم مصطفی زاده
            نوامبر 25, 2020

            سلام و درود

            ممنون از نظرتون

            در قسمت جاوا اسکریپتش مقدار interval رو کم و زیاد کنید

            موفق و پیروز باشید

        4. نسترن
          آگوست 14, 2020

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

        5. nzanin
          ژوئن 27, 2020

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

          • کریم مصطفی زاده
            ژوئن 27, 2020

            سلام و درود

            خیر، دوره جامع آموزش بوت استرپ رو مشاهده کنید

            موفق و پیروز باشید

        6. aradcenter
          می 15, 2020

          سلام خيلي ممنون از آموزش بسيار خوبتان
          استاد لطفا توضيح ميفرماييد براي دايناميك كردن همين اسلايدر به چه صورت بايد عمل كنيم
          با استفاده از php
          خيلي لطف ميكنيد

          • کریم مصطفی زاده
            می 16, 2020

            سلام و درود

            برای داینامیک سازی باید PHP رو یاد بگیرید

            پیشنهاد میکنم دوره متخصص PHP رو از دست ندید

            موفق و پیروز باشید

            • aradcenter
              می 16, 2020

              استاد با بوت استرپ نميدونم چطوري تلفيقش كنم. php و با جي كوئري ميتونم دايناميك كنم.
              همين اسلايدر و هم طبق آموزش شما رفتم جلو ولي تصاوير اسلايد نميشه و تصاوير زير هم اومده

              • کریم مصطفی زاده
                می 17, 2020

                سلام و درود

                مطمئنا جایی از کد رو اشتباه نوشتید در غیر اینصورت حتما اسلایدرتون کار خواهد کرد

                دقت کنید که فایل های بوت استرپ از جمله bootstrap.min.css و bootstrap.min.js رو در صفحه لینک کرده باشید ( اگر قرار دادید دوباره دانلود کنید و قرار بدید احتمال داره مشکل در فایل دانودی باشه)

                موفق و پیروز باشید

        7. mohammad145623
          مارس 9, 2020

          سلام من دنبال یک دوره حرفه ای هستم که بتونم باهاش قالب های حرفه ای مثل قالب سایت شما طراحی کنم اگر میشه یک دوره خوب بهم معرفی کنید
          یک سوال هم دارم برای ساخت قالب های حرفه ای مثل سایت شما به یادگیری این زبان هایی که در اینده میگم بسته؟
          html,css,bootstrap,javascript,jquery

          • کریم مصطفی زاده
            مارس 9, 2020

            سلام و درود

            ببینید کلا طراحی 0 تا 100 قالب یک سایت حرفه ای نیاز به دانستن یکسری زبان ها و تکنیک های کدنویسی دارد که میبایست یاد بگیرید

            در مورد سوال اول و دوم تون در کل باید خدمتتون عرض کنم که داخل سایت ما یک سری دوره های کدنویسی رو تولید کردیم که تمرکز اصلی این دوره ها بر روی کدنویسی Front یا ظاهر و قالب سایت هست که به ترتیب زیر قرار میگیرن :

            آموزش HTML
            آموزش CSS
            آموزش ریسپانسیوسازی با CSS
            آموزش جاوا اسکریپت
            آموزش جی کوئری
            آموزش بوت استرپ

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

            امیدوارم توضیحات مفید و روشن بوده باشه

            موفق و پیروز باشید

        8. translation9006
          ژانویه 5, 2020

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

          • کریم مصطفی زاده
            ژانویه 6, 2020

            سلام و درود

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

            موفق و پیروز باشید

        9. PHM
          اکتبر 22, 2019

          استاد گوگل کروم اتصال به سایت شمارو بلاک میکنه میگه سایت safe نیست ! رسیدگی کنید.

          • کریم مصطفی زاده
            اکتبر 22, 2019

            سلام و دورد

            بله مشکل مورد نظر برطرف گردید

            با تشکر از اطلاع رسانی شما

            موفق و پیروز باشید

        10. امین
          اکتبر 19, 2019

          سلام خسته نباشید واقعا سایت عالی بود
          یه سوال دارم
          اگه بخوام همین اسلایدر رو اطلاعاتشو یا عکس هایی که داخل اسلایدر نمایش داده میشه رو از بانک بخونم چطوریه
          از <img src برابر قرار میدم با کد sql ولی عکس ها زیر هم نمایش داده میشه و کل سایت به هم میریزه خواستم راهنماییم بفرمایین مرسی

          • کریم مصطفی زاده
            اکتبر 20, 2019

            سلام و دورد

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

            موفق و پیروز باشید

        11. Eliya Sediq
          آگوست 14, 2019

          با سلام و ممنون از آموزش عالیتون
          فقط میخواستم بدونم از چه تم و چه اکستنشن(extention) هایی برای نرم افزار ویژوال استودیو کد توی این آموزش استفاده کردید؟
          ممنون

          • کریم مصطفی زاده
            آگوست 15, 2019

            سلام و دورد

            از نظر ارزشمند شما سپاسگزاریم

            تم : ayu
            اکستنشن : HTML CSS Support ، Live Server

            موفق و پیروز باشید

        12. bahram312
          مارس 31, 2019

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

          • کریم مصطفی زاده
            آوریل 1, 2019

            سلام و درود

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

            موفق و پیروز باشید

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

        جامع ترین پکیج آموزش طراحی سایت در سطح وب

        به زودی افزایش قیمت خواهد داشت

        کانال تلگرام آموزش تک

        دسته بندی ها

        • #C (7)
        • 3Ds Max (1)
        • آموزش CSS (16)
        • آموزش HTML (10)
        • آموزش JQuery (4)
        • آموزش PHP (7)
        • آموزش Python (2)
        • آموزش بوت استرپ (3)
        • آموزش جاوا اسکریپت (4)
        • آموزش وردپرس (4)
        • افترافکت (49)
        • اندروید (3)
        • انیمیشن و سه بعدی (51)
          • 3Ds Max (1)
          • افترافکت (49)
          • سینمافوردی (2)
        • ایلوستریتور (11)
        • بازاریابی (12)
        • برترین ها (8)
        • برنامه نویسی (10)
          • #C (7)
          • اندروید (3)
        • پکیج (4)
        • سئو (1)
        • سیستم عامل (2)
          • لینوکس (2)
        • سینمافوردی (2)
        • طراحی (44)
          • ایلوستریتور (11)
          • فتوشاپ (37)
        • فتوشاپ (37)
        • فیلم و صدا (1)
          • موسیقی (1)
        • کسب و کار (14)
          • بازاریابی (12)
          • نرم افزار های آفیس (2)
        • لینوکس (2)
        • مارکتینگ (1)
          • سئو (1)
        • موسیقی (1)
        • نرم افزار های آفیس (2)
        • وب (40)
          • آموزش CSS (16)
          • آموزش HTML (10)
          • آموزش JQuery (4)
          • آموزش PHP (7)
          • آموزش Python (2)
          • آموزش بوت استرپ (3)
          • آموزش جاوا اسکریپت (4)
          • آموزش وردپرس (4)
          • وبلاگ (1)
        • وبلاگ (1)
        • ویژه (8)
        شبکه های اجتماعی ما
        صفحات ما

        تدریس در آموزش تک

        وبلاگ آموزش تک

        تماس با ما

        درباره ما

        دسترسی سریع

        صفحه اصلی

        طراحی سایت

        افترافکت

        گرافیک

         

        درباره آموزش تک

        آموزش تک با هدف ایجاد بستری برای تولید آموزش هایی تخصصی و در پی آن پرورش متخصص پا به عرصه آموزش گذاشت و همواره سعی دارد  تا متناسب با نام خودش ( آموزش تک ) بهترین و با کیفیت ترین آموزش ها را در بستری مناسب به صورت آنلاین برای جامعه ی دانش پژوه آماده کند.

        تمامی حقوق مادی و معنوی این وبسایت متعلق به آموزش تک می باشد و هر گونه کپی برداری از محتوا و محصولات سایت غیر مجاز و پیگرد قانونی دارد.

        ورود با :

        ورود با Google ورود با Twitter ورود با LinkedIn

        با حساب کاربری خود وارد شوید

        رمز عبور خود را فراموش کرده اید؟

        آیا هنوز عضو نشده اید؟ ثبت نام کنید

        یک حساب جدید ثبت کنید

        آیا شما عضو هستید؟ اکنون وارد شوید

        Modal title

        Message modal