آموزش طراحی قالب بوت استرپ [گام 7] رسپانسیو کردن قالب

دوره بوت استرپ نوامبر 2016 04

و اما آخرین قسمت از دوره بوت استرپ رو تقدیمتون میکنم 🙂

در این جلسه قالبی رو که طراحی کردیم رو رسپانسیو میکنم و از کلاس های col استفاده میکنیم. ویدیو این جلسه رو میتونید از باکس زیر دانلود کنید :

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

پروژه این جلسه نیز از باکس زیر قابل دریافت است:

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

 

امیدوارم از این دوره لذت برده باشید ، در دوره جدید همین قالب رو به وردپرس تبدیل میکنیم.

تشکر میکنم از دوستانی که در طول این دوره با ارسال نظر از این دوره حمایت کردند و باعث دلگرمی من برای ادامه دادن این دوره شدند

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

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

    امید وارم که همیشه موفق باشید

  • نبیل امیری گفت:

    بی صبرانه منتظردوره تبدیل قالب بوت استرپ به ودرپرس هستیم بابت تمام تلاش های که واسی آموزش هامیذاریدممنونم

  • alireza گفت:

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

  • alireza گفت:

    فقط یه نکته ای: سایت خودت که خیلی خوب طراحیش کردی تو رزولوشن های پایین باتن های ثبت نام و ورودش hidden میشه که فکر کنم اشتباهی هیدنش کردی چون ضروریه کسی که میخواد با تبلت یا گوشی لاگین شه
    پ ن:اون دوره ی استفاده از livicons رو هم یادت نره چون آیکون هاش free نیستش نمیتونم ازش استفاده کنم میخوام بدونم شما چه ترفندی زدی
    موفق باشی :-*

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

      لاگین کردن تو سایت من اجباری نیست ، حتی لینک دانلود برای کسانی که عضو نیستند قابل رویت است . این صرفا یک امکان جانبی است
      اونم به چشم 🙂

  • علی گفت:

    مررررررسی استاد
    بی زحمت وردپرسشم زود تر به راه بنداز مرسی

  • sajjad7 گفت:

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

    خواهشا دوره طراحی قالب وردپرس و php هم راه بنداز ممنونم

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

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

  • عباس گفت:

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

  • اشکان گفت:

    سلام جناب مهندس وقت عالی بخیر باشه
    جسارتا هیچ پل ارتباطی باهاتون پیدا نکردم ناچارا تماسم رو از طریق نظرات باهاتون در میون گذاشتم.من از روزهای اول از کاربران سایت پرمحتوا و مفید شما بودم ، راستش قبلا قالب نسخه قبلی رو منتشر کرده بودید که متاسفانه هارد من از بین رفت و دیگه نتونستم اصلا چنین مطلبی رو پیدا کنم.خواستم اگه امکانش هست قالب قبلی سایت رو در اختیارم بزارید تا من هم برای خودم یک سایت شخصی راه اندازی کنم و دانسته هام رو با بقیه به اشتراک بزارم.ممنون میشم اگه این محبت رو در حق بنده انجام بدید جناب مهندس
    با تقدیم احترام و سپاس بابت این حرکت بسیار مفید شما
    شماره تماسم رو در اختیارتون میزارم مهندس
    ۰۹۳۳۷۸۶۲۳۵۶

  • محسن گفت:

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

  • ارسلان رومیانی گفت:

    استاد فقط میتونم بگم خعلی چاکرم. خدا حفظتون کنه

  • حسین گفت:

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

  • savo گفت:

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

  • احسان گفت:

    سلام
    ممنون استاد عالی بود موفق باشد

  • روشن گفت:

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

  • محمدرضا گفت:

    باسلام:
    برای تصاویر وکتور شما چه سایت هایی رو پیشنهاد میدید؟
    من از تصاویر Thumbnail سایت شما خوشم اومده 🙂

  • م.م گفت:

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

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

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

  • شیرین گفت:

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

  • mahdi3751 گفت:

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

  • خان داداش گفت:

    با سلام .
    استاد میشه بفرمایید این روش چه مزیتی نسبت به نرم افزاری مثل Artisteer داره . اصلا مزیتی داره یا نه ؟

    با تشکر

  • Omid گفت:

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

  • سید حسام گفت:

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

  • ناصر گفت:

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

  • علی گفت:

    سلام استاد،وقت بخیر
    یه سوال اومدم مثلا به وردپرس تبدیل کنم قالبم رو متاسفانه همه رو col-lg-12 میبینه 😀
    نمیدونم چیکار کنم پیشنهادی ندارین؟
    ممنون

  • amirfaramarzii گفت:

    استاد ببخشید یه سوال دارم.
    من یه div class=”row” درست میکنم با یه “div class=”col-lg-8 و یه div class=”col-lg-4 ولی وقتی داخل دایو با کلاس کل ال جی 8 یه متن مینویسم از حد خودش خارج میشه و به صورت یه سطر نوشته میشه واز داخل باکس میزنه بیرون چیکار کنم گیج شدم کلا

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

      سلام
      ببین متنی که نوشتی بین حروفش اسپیس هست ؟ کلمات معمولا بیشتر از 8 کاراکتر نیستند !

  • امیررضا گفت:

    سلام آقای شفیعیان واقعا مرسی

  • محسن آستانه گفت:

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

  • رضا گفت:

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

  • محسن آستانه گفت:

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

  • محمد گفت:

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

  • assassnis گفت:

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

  • احمد گفت:

    سلام من بخوام یک وب سایت مانند شما یا وب سایت.باید چه هاستی خرید کنم؟

  • مهران گفت:

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

  • علی گفت:

    استاد تایم اعزاممون داره نزدیک میشه ، اندکی تسریع لطفا
    سپاس

  • افشین گفت:

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

  • نسترن گفت:

    سلام
    ممنون از دوره کامل و کاربردی تون.
    یک سوال داشتم
    اگر بخواهیم یک تگ div وقتی hover میشه رنگ پس زمینه اش عوض شه باید چی کارکنیم؟
    یک تگ که فقط یک عکس که لینکه قرار داخلش باشه

    با تشکر

  • ابولفضل گفت:

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

  • محمد گفت:

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

  • VeRJiL گفت:

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

  • افشین گفت:

    سلام و ممنون از آموزشهای عالیتون. در مورد رسپاسیو عکس میشه ی توضیح کوچک بدین و کد این کار رو بدین . با تشکر از شما

  • سعید گفت:

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

  • مصطفی برخورداری گفت:

    ممنون از آموزش های کاربردی
    من پیگیر ادامه این اموزش هستم
    تشکر میکنم به خاطر این همه زحمتی که کشیدین

  • mahdi3751 گفت:

    سلام . ما منتظر تبدیل این قالب به قالب وردپرس باشیم ؟ اصلا این آموزش رو منتشر میکنید ؟

  • mostafa73 گفت:

    سلام اقای شفیعیان همونی هستم که تلفنی مزاحمتون شد در مورد کد های Collapse
    لطفا اسکیرین زیر رو نگاه کنید
    http://uupload.ir/files/e1eh_dddd.jpg
    الان وقتی کد رو وارد میکنم به صورت اسکیرین بالا خروجی میده
    میخوام 2 تا تغییر روش بدم ولی نمیدونم ایا بوت استراپ تو خودش داره این قابلیت رو یا این که ما باید جکوئری رو دست کاری کنیم
    1- وقتی ما یک تب رو باز کردیم و خواستیم یک تب دیگه ای رو باز کنیم تب اولی بسته بشه
    2- طبق اسکیرین ما 3 تا عکس رو کنار هم قرار دادیم ولی وقتی میخوایم تب های هر کدوم رو باز کنیم فقط یک تب باز بشه و مثل اسکیرین بالا 3 تا تب زیر هم باز نشه !
    ممنون میشم راهنمایی کنید

  • cyberchief گفت:

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

  • علی گفت:

    خیلی دمت گرم

  • lotfi1008 گفت:

    بسیار عالی دستتون درد نکنه

  • سعید رحیمی گفت:

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

  • سعید رحیمی گفت:

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


Time limit is exhausted. Please reload CAPTCHA.