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

web-design-451245
دوره بوت استرپ نوامبر 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 بشم نام کاربری پسوورد میخواد چطوری باید هکش کنم چون مادرت سریع بگو لازم دارم

  • احمد می‌گه:

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