آموزش بوت استرپ [گام 12] Modal

دوره بوت استرپ نوامبر 2015 05

در دوازدهمین جلسه از دوره آموزشی بوت استرپ بخش JAVASCRIPT رو آغاز میکنیم.در این ویدیو با modal ها آشنا میشویم. ویدیو این قسمت را میتوانید از باکس زیر دانلود کنید :

دانلود فیلم آموزشی
لینک دانلود15 مگابایت6 دقیقه

 

modal ها یا پاپ آپ باکس ها در بسیاری از موارد میتوانید کاربرد داشته باشد ، سورس ساده آنرا را میتوانید در باکس زیر مشاهده کنید :

 

دیدگاه ها
  • emran گفت:

    خدایا یعنی من اول میشم ؟
    سلام داش حسین یه دونه ای
    دوردونه ای
    دمت گرم

    • حسین شفیعیان گفت:

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

  • کمال گفت:

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

    • حسین شفیعیان گفت:

      درود ، مرسی
      والا تو سیستم من که مشکلی نداره ، با VLC تست کن ، همین ویدیو رو میتونی از کانال آپارات بگیری
      منظورتو از الحاق متوجه نشدم …
      چاکریم 😉

      • کمال گفت:

        منظور از الحاق اینه که از بریم بوتستراپ را دانلود کنیم و بریزیم تو یه فایل css بعد بیاییم به صفحه اضافه کنیم با تک لینک

  • قدیر کیانی گفت:

    سلام
    اقا دمت گرم
    عالی

  • خسته گفت:

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

    • حسن زاده گفت:

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

    • علی قسامی گفت:

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

      • خسته گفت:

        علاقه دارم فراوان…اما وقتی جیبت خالی باشه و تخصصت به درد نخوره علاقه از بین میره..فک میکنی برا php کار که اگهی میدن چقدر حقوق میدن؟ فقط 500 هزار میدن..اونم اکثرا خانم استخدام میکنن… شاید حتی علاقه من بیشتر از شماها باشه که میاین تو نت و دنبال اموزش میگردین.(علاقم به حدی بود که خودم تنهایی یاد گرفتم )اما وقتی میبینم کاری نیس نا امید میشم.. علاقه تا یه حدی میتونه کمک کنه اما بعدش میبینی باید خرج خونه بدی مرد شدی اما بیکاری..این چن سال که وقت گذاشتم و با کلی عشق برنامه نویسی یاد گرفتم الان میبینم فقط عمرم تلف شده..شماها بچه پولدارین نمیدونین بیکاری یعنی چی.شما با خیال راحت داری یاد میگیری اما به این که استخدام بشی یا نه بهش فکر نمیکنین..تمام…. حسین جان همه کامنت های منو از سایت پاک کن لطفا نمیخوام به دوستان انرژی منفی بدم اما واقعیتو گفتم

        • کمال گفت:

          خدمت تمام دوستان و آقای خسته عرض کنم که همیشه کار برای آدم کاربلد هست
          شما ممکنه برنامه نویسی بلد باشی ولی نه در حد عالی
          خب معلومه کار گیر نمیآید
          برای تمامی مشاغل تمام مهندسی ها حتی اگر نابغه هم باشی شرکت ها ماهی 600 تا 1200 بیشتر نمیدهند و تمام آدم های پولدار و موفق تو ایران کار آزاد دارند و هیچ انسان کارمند موفقی رو نمیتونید پیدا کنید
          شمام اگه کارتون عالیه سایت بزنید و خودتون رو معرفی کنید و پروژه بگیرید
          اگر کسی موفق شه از کار خصوصی میشه کار دولتی کار درآمد زایی نیست
          بله دوستان درست عرض کردند مثبت گرا باشید و باعث کندی روند آموزش های سایت نشوید

          خطاب به آقای برنامه نویس
          حسین جان هر وقت مینویسی هفته ای 2 تا 3 فیلم یعنی کلا تعطیل شد
          خدایی هفته ای یبار یا دوهفته یبار فیلم بساز (مخصوصا انجمن ساز)
          دستت درست خیلی آقایی

          • حسین شفیعیان گفت:

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

        • کامران گفت:

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

        • [Mr.mm] گفت:

          آقای خسته شما اگه میتونین “فول php” کار کنین مطمئن باشید و امکان نداره که بیکار باشین
          حداقل حداقلش این میتونه باشه که واسه خودتون یه ایده بزنین استارت آپ شین و یا مثه آقای شفیعیان سایت بزنین و آموزش بدید و یا در سایت تبلیغات کنین و …
          پس بیخود به مردم و علاقه مندان نا امیدی تزریق نکنین همین شما هایین که ارزش برنامه نویسو پایین میارین:|

        • King گفت:

          داداش ببخشيد البته
          ولي شما برنامه نويس نيستي.
          اگه برنامه نويس باشي
          ميدوني كه تموم دنيا رو ميتوي روي ده انگشتت بچرخوني به سمتي كه ميخاي
          چون مردم عادي خيلي محدودن
          ولي ما حتي به زمان و مكان هم محدود نيستيم
          فك ميكني فيسبوك اول وقتي طراحي شد چقد پول داشتن؟!
          داداش فقط داري بهونه مياري
          سعي كن رو كارت تمركز كني
          موفق باشي👌

  • نسترن محسن زاده گفت:

    عالییییییییییییییی!!!
    ادامه بدید لطفا.

  • امین گفت:

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

    • حسین شفیعیان گفت:

      چند جلسه دیگه تا پایان بوت اسنرپ نمونده ، بعد از پایان 1 الی … قالب حرفه ای رو خواهیم ساخت

  • مهدی گفت:

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

  • خسته گفت:

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

  • محمد گفت:

    خدا قوت برادر حسین
    2 تا سوال دارم؟
    کامنت تو در تو رو چه جوری بدون افزونه بزنیم؟؟افزونش خیلی قدیمیه
    اشالا آموزش میدی این قالب بوت استرپ رو وردپرسی کنیم؟؟ بعضی چیزاش واقعا گیج کنندس مثل همیین که ما به عکس کلاس میدیم آخه من کد php رو به جایه کل img میذارم
    ممنون

    • حسین شفیعیان گفت:

      تشکر
      لطفا سوالتتون رو در انجمن مطرح کنید ، باید کد هاشو بزارم و اینجا نمیشه…

  • مجتبی سالک گفت:

    خیلی ممنون از آموزشای خوبتون. انشااله که موفق باشین….

  • شهرام نورانی گفت:

    سلام خیلی ممنون از اموزش ها تون .
    ببخشید می پرسم شما اموزش ها تون رو با چه نرم افزاری ضبط می کنید که یا توجه به حجم کیفیت مناسبی دارن

    • حسین شفیعیان گفت:

      سلام ، مرسی
      ویدیو ها با کیفیت و حجم بالا ضبط میشن سپس توسط برنامه ffmpeg فشرده و کم حجم میشن

  • ashkan گفت:

    چطور میشه تشکر کرد واقعا چطور !؟؟؟

    ممنون خیلی ممنون

  • hassan گفت:

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

    • حسین شفیعیان گفت:

      تو خود سایت getbootstrap.com یه کد جی کویری هست که با استفاده از اون میتونید اقدام کنید. متاسفانه تو دیدگاه ها نمیشه کد گذاشت …

  • masoud گفت:

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

    • حسین شفیعیان گفت:

      باید سروس کامل صفحهتون را ببینم تا قضاوت کنم ! احیانا به کلاس های بوت استرپ استایلی اضافه نکردید ؟
      شما طبق ویدیو و گام به گام انجام بدین …

      • masoud گفت:

        صرفا به کلاس های بوت استرپی کلاسی اضافه نکردم ولی خب یه فایل استایل جداگانه هم بعد بوت استرپ ضمیمه کردم.

        • حسین شفیعیان گفت:

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

          • masoud گفت:

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

          • حسین شفیعیان گفت:

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

  • Aram گفت:

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

  • جواد گفت:

    باسلام و عرض ادب
    استاد گرامی حدود دو هفته است که به مشکلی برخوردم به شرح ذیل ،متاسفانه هر جا هم سر زدم کمکی دریافت نکردم، امیدوارم راهنمایی فرمایید:
    بنده میخواهم در صفحه اول قالب ورد پرس ، فقط تیتر یا عنوان مطالب باشد و هنگام کلیک روی ان محتوا بصورت پاپ اپ با استفاده از modal باز بشه یعنی تب یا صفحه جدید باز نشود.ببخشید من رشته علوم انسانی هستم گر نتونستم خوب توضیح دهم ،شرمندم…با احترام فراوان

  • علی گفت:

    سلام
    من از Bootstrap rtl استفاده میکنم
    وقتی میخواد مودال رو نمایش بده اونو میذاره سمت چپ صفحه به صورتی که فقط نصف اون دیده میشه
    مشکلش چیه؟
    ممنون


Time limit is exhausted. Please reload CAPTCHA.