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

مقاله،سورس کد،فیلم آموزشی

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

مقاله،سورس کد،فیلم آموزشی

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

سه شنبه, ۱ ارديبهشت ۱۳۹۴، ۱۲:۱۵ ق.ظ



بوت استرپ چیست؟

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

چه زمانی از بوت استرپ در طراحی سایت استفاده کنیم؟

بعضی از دوستان فکر میکنن از بوت استرپ یا باید در PHP و یا فقط در Asp استفاده کرد.اما این غلط هستش. در اصل بوت استرپ ربطی به زبان برنامه نویسی نداره و شما با استفاده از این فریم ورک قالب های سایت رو طراحی میکنید.و سپس میتونید این قالب رو تبدیل به وردپرس ، جوملا و دیگر سیستم های مدیریت محتوا بکنید.
پس نتیجه میگیریم بوت استرپ رو توی همه جا و با هر زبان برنامه نویسی دیگه ای استفاده بکنید.

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

تذکر مهم: فایل های جلسه دوم را دانلود کرده و در یک پوشه کنار هم قرار دهید.سپس پارت اول را با Winrar اکسترکت کنید


  • موافقین ۱۰ مخالفین ۰
  • سه شنبه, ۱ ارديبهشت ۱۳۹۴، ۱۲:۱۵ ق.ظ
  • سعید کشاورز

bootstrap

آموزش bootstrap

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

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

آموزش ریسپانسیو قالب

اموزش bootstrap

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

بوت استرپ

نظرات  (۲۵۳)

  • ۰۳ ارديبهشت ۹۴ ، ۰۷:۵۱
  • محمد نیکنام
    • سلام خسته نباشید این کارتون عالیه خدا خیرت بده اگه JAVASCRIPT و PHP  رو هم بهش اضاف کنی عالی تر می شه.
    پاسخ:
    سلام..ممنون..شاید jquery هم اضافه کنم..البته قول نمیدم
  • ۰۳ ارديبهشت ۹۴ ، ۲۲:۳۹
  • افشین انصاری
    • سلام
    وبلاگ فوق العاده خوبی داری . ممنون بابت همه زحماتت . دمت گرم کارت درسته
    پاسخ:
    مرسی از این همه انرژی :X
  • ۰۸ ارديبهشت ۹۴ ، ۱۸:۲۳
  • داوود
    • سلام سعید جون؛ چند روزی رو تهران بودم و دسترسی به اینترنت نداشتم. دست گلت درد نکنه سعید جون، همچنین بابت اطلاع رسانی و پیام خصوصی هم که بهم دادی ممنون و قدردان زحماتت هستم.
    خیلی خیلی متشکرم. لطف کردی پسر.
    پاسخ:
    خواهش میکنم..امیدوارم به دردتون بخوره
  • ۱۴ ارديبهشت ۹۴ ، ۱۲:۰۴
  • مهسا
    • سلام خیلی خیلی دستتون درد نکنه لطفا ادامه بدید
    پاسخ:
    چشم....در اولین فرصت آموزشی ضبط میکنم که یه قالب رو 0 تا 100 با بوت استرپ پیاده سازی میکنم..
  • ۱۵ ارديبهشت ۹۴ ، ۰۹:۴۷
  • benyamin
    • مرد بزرگ اموزشت یه طرف شیرین  و رسا صحبت کردنت یه طرف
    ادم دلش نمیاد از زیر صحبتات پاشه
    خیلی تشکر
    پاسخ:
    بابا خجالتمون نده...آب میشم میرم تو زمینا :دی 
    بزار سرم خلوت بشه یه آموزش ضبط میکنم که واقعا اونجا لذت کار کردن با بوت استرپ رو حس میکنی
  • ۱۹ ارديبهشت ۹۴ ، ۱۱:۵۵
  • پیمان
    • مرسی سعید جان بابت وقت و انرژی که گذاشتی.ممنون
    پاسخ:
    خواهش میکنم دوست عزیز انجام وظیفس
  • ۱۹ ارديبهشت ۹۴ ، ۱۷:۱۴
  • majid
    • سلام
    ممنونم از تلاشی که دارید ،خواستم بدوونم دوره های آموزش را ادامه میدین یا خیر؟
    پاسخ:
    بله..ادامه داره..اینی که آموزش دادم چیزی نبود جز مقدمات کار ...کلی داستان دیگه داره بوت استرپ که توی آموزش های بعدی باهاش آشنا میشیم...قول نمیدم ولی توی این هفته احتمال خیلی زیاد ضبط کنم این دوره رو
  • ۲۴ ارديبهشت ۹۴ ، ۲۰:۰۶
  • moon
    • با سلام.آموزش هاتون خیلی خوب هست فقط من یه چیز کوچیک منو ناراحت کرد و اون یه صحبت کوتاه بود که تو ضبط اولین فیلم داشتین.اینکه فیلم آموزشی درست حسابی تو اینترنت نیست و همشون فقط طرز استفاده از کلاسها رو نشون دادن و... .ممکنه حرفتون درست باشه...اما اگه ارزش کار بقیه کسایی که زحمت کشیدن واسه ضبط فیلم پایین نمی آوردین من به شخصه با حس خیلی بهتری فیلم هاتون رو میدیدم.
    امیدوارم از انتقاد من ناراحت نشده باشین...انتقادپذیری لازمه پیشرفته...هیپکدوم از ما بی عیب نیستیم :) ممنونم
    پاسخ:
    سلام دوست عزیز... من کلا آدم انتقاد پذیری هستم.. انتقاد رو دوست دارم.. چون باعث پیشرفت آدم میشه..اما به شرطی که انتقاد درست و به جا باشه..در رابطه با این جمله که گفتم منظورم فقط بوت استرپ بود..والا حقیقتش من چندتا فیلم فارسی دیدم اون زمانی که می خواستم یاد بگیرم اما واقعا هیچکدومشون این مدلی که من توضیح دادم نبودن..  من وقتی بخوام یه چیزیو به کسی یاد بدم خودم رو میبرم به چند ماه یا چند سال قبل که هیچی بلد نبودم و شروع میکنم به یاد دادن..اون وقت میتونم بفهمم طرف مقابلم نیاز داره چه چیزی رو یاد بگیره.. من بوت استرپ رو از طریق تجربه و جستجو یاد گرفتم.. من اصن قصد نداشتم ارزش کسی رو بیارم پایین. چون هیچ دلیلی نداره این کار رو بکنم.. همین الانم میگم واقعا یکی از دلایل ضبطم همین مورد بود که توی نت آموزش این شکلی که بیاد جزئیات رو بگه من ندیدم..شایدم من ندیدم و الان وجود داشته باشه.. به هر حال ممنونم از انتقادت..
    از این به بعد این مورد رو توی آموزش هام لحاظ میکنم ;)
  • ۲۴ ارديبهشت ۹۴ ، ۲۱:۴۹
  • مهدی
    • سلام
    آقا سعید چی شد بقیه اش ؟
    اگر این کد نویسی قالب رو با رویکرد طراحی قالب وردپرس بری جلو خیلی دعات میکنیم همگی
    پاسخ:
    بقیش رو هم ضبط میکنم..به خدا سرم خیلی شلوغ شده...صبح ساعت 8 صبح میرم 8 شب میام خونه... حالا این شنبه تعطیلیه..حتما ضبط میکنم براتون.. 
    خوشحالم که دنبال میکنید آموزش هارو
    کد نویسی وردپرس کاری نداره ..یه سری کد php هست که تزریق میشه توی قالب html همین..
    شما هر موقع کدنویسی html تون قوی شد برید سراغ وردپرس
    سعی میکنم آموزش وردپرس هم توی برنامه کاریم بزارم
  • ۲۵ ارديبهشت ۹۴ ، ۰۹:۴۳
  • moon
    • ممنونم بابت پاسختون و انتقاد پذیریتون...آموزش هاتون واقعا خوب هست...یه پیشنهادم داشتم...اگه ممکنه آموزش ها رو رو با سه سطح کیفیت بالا و پایین و متوسط بذارین که کسانی که محدودیت حجم اینترنت دارن یا سرعتشون پایینه بتونن راحت دانلود کنن چون کیفیت ویدیوها بالاست طبعا حجمشونم بالاست...واقعا مهمه ها!...ممنونم
    پاسخ:
    توی آپارات هم آپلود میکنم...اما خودم با مشکل سرعت رو به رو بودم این چند وقته.. واسه همین نشد اونجا آپبود کنم.. توی آپارات که آپلود بشه حجمش میاد پایین 
  • ۲۵ ارديبهشت ۹۴ ، ۱۱:۵۱
  • سمانه
    • ببخشید واقعا نمیخواستم اینجوری بگم ولی وقتی همه فیلم ها رو دیدم باید بگم خیلی ناراحت شدم که 180 مگابایت بابت دانلود فیلم هاتون صرف کردم... .چون آموزشهای دیگه ای هم هستن توی نت که با حجم خیلی خیلی کمتر همه ی کلاسها رو از رو سایت بوت استرپ خیلی کامل و عالی توضیح دادن و حجم هر فیلم هم کمتر از 10 مگابایت هستش... .امیدوارم از حرفم ناراحت نشید...شاید چون من قبلا با فیلم دیگه ای بوت استرپ رو یاد گرفتم اونم با دانلود چند فیلم واقعا مفید و مختصر حالا اینها بنظرم چیز جدیدی نداشت...ولی واقعا تنها چیز مفیدی که از فیلم های شما عاید من شد آشنایی با ادیتور براکت بود...بهتره بیشتر تمرین کنید که هم مسلط تر بشین هم بتونین مختصرتر توضیح بدید...چون کسایی که فیلم های شما رو دانلود میکنن به شما اعتماد میکنن و وقت و هزینه میکنن... .امیدوارم روزی برسه که همه ی مردم ایران و عل الخصوص جامعه برنامه نویس ظرفیت بالایی برای شنیدن پیام هایی خلاف میلشون داشته باشن و از اون برای پیشرفتشون استفاده کنن... .
     
    پاسخ:
    نه ناراحت نمیشم... خوشبختانه جنبه انتقادم بالاس.... شما گفتی قبلا فیلم های بوت استرپ رو جای دیگه دیدین درسته؟ بعدش اومدین فیلم های من رو دیدین.. نکته ی اول: اگه اون فیلم ها خوب بودن و یاد گرفتین چرا اومدین دوباره فیلم های من رو دیدین؟ نکته ی دوم: من توی فیلم اول توضیح دادم که می خوام چیو یاد بدم که اگه خوشتون اومد و نیاز داشتین فیلم های بعدی رو دانلود کنید و حجم اینترنت هدر نره... نکته ی سوم: اول کار هم گفتم که اگه سوتی دادم فیلم رو قطع نمیکنم چون فیلم های دیگه اکثرا ادیت شده هستند. ولی من گفتم کاملا زنده ضبط میکنم که اگر به مشکلی خوردم دوستان ببینند و تجربه بشه براشون.. 
    در رابطه با حرفی که گفتین قبلا فیلم های دیگران رو دیدین یک مثال میزنم..این کار شما مثه این میمونه با شکم سیر بری یه رستوران و بخوای درباره غذای اون رستوران نظر بدی..خوب وقتی سیر باشی بهترین غذا هم بزارن جلوت هیچ مزه ای نمیده..حالا شده حکایت شما...
    در رابطه با مختصر توضیح دادن که اشاره کردی باید بگم من تمام جزئیات رو با مثال توضیح دادم تا اینجای کار که مو به موی داستان رو بچه ها بگیرن که چیه..
    راستی اگه واقعا فیلم های خوبی در زمینه بوت استرپ و به زبان فارسی می شناسید به من بگین تا من اونارو ببینم اگه واقعا خوب توضیح داده بودن من دیگه بقیه کار رو ضبط نکنم که دوبار کاری نشه
  • ۲۶ ارديبهشت ۹۴ ، ۰۱:۲۶
  • سمانه
    • دیدی ناراحت شدین...واقعا قصدم ناراحت کردن شما نبود  :(
    چندتا نکته بود که مشکل داشتم گفتم شاید تو فیلمهای شما بهش برسم...یکی اینکه هرفونت فارسی که میذارم  بازم تو سایتی که طراحی کردم نشون داده نمیشه...یکی دیگه اینکه میخوام عکسایی که توی یه سطر قرار میدم با هر سایزی که باشن راهی داشته باشم که همه رو توی div های یکسان قرار بدم و رسپانسیو بودن هم به هم نخوره...که هیچ جا پیدا نکردم...اگه راهنمایی کنید ممنون میشم...بازم اگه حرفی زدم که ممکنه باعث رنجش شما بشه عذر میخوام... .
    پاسخ:
    نه بابا واسه چی ناراحتم بشم؟ 
    فونت فارسی چه ربطی به بوت استرپ داره؟
    واسه عکس منظورت رو متوجه نشدم
    بازم میگم ناراحت نشدم..
    چرا فکر میکنی نارحت شدم؟ :S


  • ۲۶ ارديبهشت ۹۴ ، ۱۳:۳۵
  • سمانه
    • خب خدارو شکر که ناراحت نشدین :)
    میخوام یه سطر داشته باشم که سه تا عکس توش باشه...تویه یه ردیف تو همون سطر...عکس ها مدام توسط کاربر عوض میشه...و البته سایز عکسها و ابعادشون متفاوته...بوت استرپ هم کلا با درصد کار میکنه که رسپانسیو بودن رو حفط کنه...بخاطر همین وقتی سایز عکس ها تغییر میکنن اندازه div هر عکس هم متناسب با سایز عکس تغییر میکنه و توی یه سطر قرار نمیگیرن...میخوام ببینم چطوری میتونم سایز عکس رو کنترل کنم که div  ها هم اندازه بشن...در ضمن قالب رو هم برای جوملا طراحی میکنم.ممنونم
    پاسخ:
    شما اگه یاهو آیدی دارین برام بفرستین اونجا راهنماییتون کنم..چون باید ببینم دقیقا میخاین چه کاری انجام بدین
  • ۲۶ ارديبهشت ۹۴ ، ۱۳:۳۸
  • سمانه
    • آها در مورد فونت فارسی هم...وقتی پیج رو در حالت عادی و قبل از معرفی کردن css ها و javascript های بوت استرپ لود میکنم همه ی فونت های فارسی بدون مشکل لود میشن و نشون داده میشن...اما بعد از ضمیمه کردن فایل های بوت استرپ به پیجم کلا فونت های فارسی نشون داده نمیشن.نمیدونم مشکل کجاست
  • ۲۶ ارديبهشت ۹۴ ، ۲۳:۴۵
  • امیر
    • با سلام خدمت دوست عزیز 
    دنبال آموزش بوت استرپ میگشتم ک توی سایتی ک مشترکا فعال هستیم (برنامه نویسو میگم :دی ) پیدا کردم 
    گذاشتم واسه دانلود و هنوز ندیدم ولی جلو جلو بابت کار ارزشمندتون بدون چشم داشتی تشکر میکنم 
    پاسخ:
    :دی امیدوارم خوشت بیاد و راضی باشی از آموزش ها...مشکل یا سوالی داشتی در خدمتم
  • ۲۸ ارديبهشت ۹۴ ، ۰۹:۴۸
  • benyamin
    • جناب اقای دوست عزیز :دی
    اقا ما منتظریماااا
    من 2 روز یه بار چک می کنم سایتو
    بیصبرانه منتظر اموزش بعدیت هستم عزیز ♥
    پاسخ:
    جناب آقای دوست عزیزم :دی  
    من واقعا شرمنده شدم از این حرفت...قول میدم حتما حتما توی این هفته ضبط کنم براتون..خوبه؟ 
  • ۲۹ ارديبهشت ۹۴ ، ۲۳:۲۶
  • afshin
    • سلام.ممنون بابت وقتی که میزارید و انتشار علمتون.
    فقط لطف کنید اگه قراره پروژه ای رو از طراحی psd استارت بزنید تا میتونید رو طراحیش کار کنید.یا اصلا خودتونو درگیر مسائل گرافیکی نکنید و از یه طرح psd مدرن انگلیسی که کم هم نیستن استفاده کنید.
    در هر صورت واقعا ازتون تشکر 
    پاسخ:
    سعی میکنم قالبی رو که طراحی میکنم از نظر گرافیکی قابل قبول باشه... طرح PSD نمیزنم ...همینحوری کم کم قالب رو تکمیل میکنم و نکاتش رو میگم..
  • ۲۹ ارديبهشت ۹۴ ، ۲۳:۳۱
  • afshin
    • یه خواهشی هم ازتون دارم.اینکه لطفا مثلا 8 تا جلسه رو گذاشتید بگید که تو اون جلسه چیکار کردید.
    من فقط ریسپانسیو کردن بوت استرپ رو لازم دارم اگه لطف کنید بگید کدوم قسمت این مبحث رو آموزش دادید ممنون میشم
    پاسخ:
    جلسه 1 تا 6 مقدمات ریسپانسیو کردن رو گفتم از جلسه 7 شروع کردم به استفاده کردن از جیزایی که یاد دادم
  • ۲۹ ارديبهشت ۹۴ ، ۲۳:۵۶
  • afshin
    • 2 3 تا از جلسات رو دیدم واقعا عالی بود.خسته نباشی.این شیوه ای که پیش گرفتی رو اولین باره میبینم این که کلا لایو ضبط میکنی
    راستی برای انتخاب براکت ، php storm رو هم تست کردی؟
    پاسخ:
    من همه رو تست کردم...اینی که میگی واسه پی اچ پی هستش...web strom واسه Html و css هست که تست کردم...
    آخرش به براکتس رسیدم ..البته سلیقه ای هست این چیزا من با براکتس راحتم..چون emmet هم روش نصب میشه
  • ۳۰ ارديبهشت ۹۴ ، ۰۰:۳۴
  • afshin
    • php strom اسمش غلط اندازه.یعنی برا php,html,css,javascript میشه استفاده کرد.اما web storm پی اچ پی رو ساپورت نمیکنه. هر2تاشونم emmet رو دارن و اون پلاگینایی که نصب کردی رو هم تو خودش داره. ولی خدایشش ظاهر براکت خیلی بهتره.
    یه سوالم دارم
    تو قسمت 3 اومدید یه کلاس row استفاده کردید و داخلش از کلاس 12 ستونه.سوالم اینه که وقتی row خودش هر 12 سطر رو میگیره،اون کار دلیل خاصی داره؟
    پاسخ:
    اره..باید این کارو بکنی..توی padding تاثیر میذاره..قانون بوت استرپ همینه که خیلیا رعایت نمیکنن
  • ۳۰ ارديبهشت ۹۴ ، ۱۱:۱۴
  • afshin
    • سلام.واقعا عالی بود آموزشت.
    فقط یه سوالی پیش میاد.شما اومدید از یه کلاس بوت استرپ واسه مارجین گرفتن استفاده کردید که کمترین مقدارش میتونست 1ستون باشه. اونوقت تو بوت استرپ چیزی تعریف شده که بشه کمتر از 1ستون فاصله داد یا باید تو استایل خودمون پیکسلی مارجین بدیم؟
    پاسخ:
    دقیقا این سوالی هست که واسه ی خودم پیش اومده بود وقتی داشتم بوت استرپ رو یاد میگیرفتم. فاصله ی بین هر ستون توی بوت استرپ 15 پیکسل هستش..توی فیلم بعدی که فردا شب برای دانلود قرار میدم حتما به این نکته اشاره میکنم..البته اگه منظور شمارو درست متوجه شده باشم..واسه اطمینان شماره و فیلم و دقیقه ی اون رو بهم بگو ببینم کجارو منظورته
  • ۳۰ ارديبهشت ۹۴ ، ۱۲:۰۶
  • afshin
    • آره دقیقا منظورم همین مورد هست. که چطوری کمتر از عرض یه ستون به یه عنصری مارجین بدیم که طرحمون تو حالت ریسپانسیو براش مشکلی پیش نیاد و اینکه رو عنصرای دیگه تاثیر نزاره.
    واقعا ممنون که این مورد رو هم میگید.
    راستی قسمت6 واقعا تاریخی بود:دی
    پاسخ:
    توی جلسه بعدی اشاره میکنم بهش.. 
    یعنی چی تاریخی بود :دی ؟ 
  • ۳۰ ارديبهشت ۹۴ ، ۱۳:۰۴
  • afsin
    • یه سوال دیگه هم دارم.ببخشید داره سوالات زیاد میشه
    من این سایت رو برای فونت آیکن ها استفاده میکنمhttp://fontastic.me/
    که میشه فونتارو بسته به نیاز خروجی بگیری از خود سایت و اینجوری حجم فونتا خیلی کاهش پیدا میکنه.
    این font awesome هم این امکان رو داره؟
    پاسخ:
    اتفاقا اینی که میگی خیلی خوبه...ولی خوب من چون زیاد از آیکن استفاده میکنم حال ندارم سفارشی سازی بکنم ولی اگه نیازت کمه بهتره سفارشی سازی کنی..

  • ۳۰ ارديبهشت ۹۴ ، ۱۵:۱۷
  • afshin
    • منظورم این سوتیه بود
    "امیدوارم فهمیده باشید چون خودمم نفهمیدم چی گفتم"!
    این شیوه تدریس فوقالعادس . آدم از آموزش لذت میبره و آموزش کسل کننده نبود اصلا. حتی قسمت های اولش.
    فقط ای کاش اون لینک آموزش بوت استرپ رو تو فروم برنامه نویس نمیدادن که آموزش کامپوننت ها رو هم شما آموزش میدادید. الان که تازه زحمت کشیدید ولی این که آموزشی وجود داشته باشه مهم نیست مهم اینه که کی آموزش میده.
    واقعا خسته نباشی
    پاسخ:
    سوتی که زیاد میدیم...فیلم و دیگه حال ندارم ادیت کنم..اینجوری مزش  بیشتر..کار تکراری نیست...کسایی که فیلم رو میبینن ممکنه با همین مشکلات بر خورد کنن.. حالا توی فیلم هفتم یا هشتم یه سوتی دادم در حد مرگ :)))) جای class نوشتم style
    منظورت رو توی جمله دوم متوجه نشدم..یعنی چی ای کاش توی برنامه نویس لینک نمیدادم؟ کدوم کامپونتت هارو آموزش بدم؟ اصن نفهمیدم چی گفتی :دی
  • ۳۰ ارديبهشت ۹۴ ، ۱۶:۴۳
  • afshin
    • آره اونم خیلی باحال بود.من از این بدتراش رو داشتم شانس اوردم ضبط نکردم واس کسی.
    تو فروم سایت برنامه نویس من میخوندم مثل اینکه از اول میخواستی کل بوت استرپ رو از اول با کامپوننتاش آموزش بدی اما یه نفر اومد لینک داد که همچین آموزشی ضبط شده و شما همون ریسپانسیو رو درس بده.
    کامپوننت هارو هم که خیلی زیاده و نمیرسی فقط اگه وقت میکنی چنتا از مهم هاش رو مثل منو، تب ، و ساخت بخش کامنت دادن که ایندنت داشته باشه و آکاردئون.
    فک کنم آموزش کاستومایز کردن بوت استرپ هم برای بعضیا که به حجم قالبشون اهمیت میدن مفید باشه. در هر صورت تصمیمش با خودتونه.
    پاسخ:
    حالا بزار توی همین قالبی که از جلسه هفتم استارت زدم ، از کامپوننت هاش هم استفاده میکنم
  • ۳۰ ارديبهشت ۹۴ ، ۲۱:۳۶
  • afshin
    • ممنون.
    امشب منتظر قسمت بعدی باشیم؟
    پاسخ:
    امشب نه..اگه فردا صبح بتون ضبط میکنم شب آپلود..اما قول نمیدم
  • ۳۰ ارديبهشت ۹۴ ، ۲۲:۵۶
  • امیرمحمد
    • سلام و خسته نباشید 
    میخاستم بفهمم کل جلسات آموزشی تون چقد قراره طول بکشه ؟
    بابت تهیه فیلم ها ازتون ممنون هستم 
    پاسخ:
    سلام..سلامت باشید..
    معلوم نیست..هر موقع وقت کنم ضبط میکنم..
    قابل شما رو نداره امیدوارم به دردتون بخوره
  • ۰۱ خرداد ۹۴ ، ۲۰:۲۴
  • عباس
    • سلام دوست عزیز-من هر چی فیلم آموزشی در هر زمینه دیدم به خوبی شیوه تدریس شما نبوده.هر کسی هم که هیچ چیزی بلد نباشه با این شیوه کاملا یاد میگیره.لطف کنید آموزش هایی که در هر زمینه توی بازار کار پر کاربرد هست رو هم آموزش بدین.آقایی.دمت گرم
    پاسخ:
    نظر لطف شمارو میرسونه... چشم..اگه وقت بشه چیزای دیگه هم ضبط میکنم براتون
  • ۰۴ خرداد ۹۴ ، ۱۲:۰۲
  • Roxana
    • خیلی خوبه آموزشات استاد. راضیم ازت :)
    پاسخ:
    استاد ؟ :))))
     خواهش میکنم قابل شما رو نداره :دی
  • ۱۱ خرداد ۹۴ ، ۱۴:۰۸
  • benyamin
    • اقا سعید یک کلام دست خوش ♥
    گل کاشتی
    خواهش که ازت دارم در صورت امکان در مورد دیتابیس هم اموزش بذار که چجور سلکت و اینزرت و ... کنیم.
    اقا من خیلی کثیف کد می نوشتم با اموزشات دقدقه ای ندارم دیگه. استاندارد نویسی همینه ♥♥
    پاسخ:
    سلام دوست عزیز..من اگه وقت کنم همین بوت استرپ رو تموم کنم باید خدارو شکر کنم که تونستم تمومش کنم.

    اون چیزی که هم میگی میشه بحث برنامه نویسی و سرور ساید که در حال حاضر در حال یاد گیری هستم به صورت استاندارد و درست حسابی..
    اگه یاد گرفتم بعدش میتونم بهتون یاد بدم
  • ۱۳ خرداد ۹۴ ، ۲۱:۳۰
  • سلام
    • پلاگین و افزونه اجرای کد نویسی در فایر فاکس رو برای براکت از کجا میتونم دانود کنم. منظورم اجرای کد و لایو شو در فایر فاکس هست که تو آموزش ها بود .

    میتونید برای من آپلود کنید ؟؟؟
    پاسخ:
    شما باید مرورگر پیش فرض ویندوز رو فایرفاکس کنید..

  • ۱۴ خرداد ۹۴ ، ۰۰:۰۱
  • سلام
    • داداش مرورگر پیشفرض فایررفاکس . و فقط 1مرورگر نصب هست.
    ولی دکمه قرمز اون در برنامه فایرفاکس دیده نمیشه .

    میشه بیشتر توضیح بدید . و یا اکستنشنی داره رو معرفی کنید .

    ممنونم
    پاسخ:
    والا من خودم با کروم کار میکنم فایرفاکس سنگینه.. چرا با فایرفاکس میارین بالا؟ دلیل خاصی داره؟
  • ۱۶ خرداد ۹۴ ، ۱۲:۱۵
  • محمد
    • با سلام و خسته نباشید
    میخواستم بدونم ایا اموزش ها ادامه دارند؟
    قسمت 13 به بعد کی گذاشته می شود؟
    لطفا در مورد استفاده از بوت استرپ در طراحی قالب جوملا و وردپرس هم توضیح بدهید!!
    سپاس فراوان
    پاسخ:
    سلام...متاسفانه فرصت ضبط کردن ندارم الان...اما در آینده حتما ادامه میدم
  • ۱۷ خرداد ۹۴ ، ۲۱:۴۵
  • وحید
    • سلام با تشکر از وبلاگ فوق العاده با ارزش و مفیدتون
    می خواستم خواهش کنم دوره پیشرفته فتوشاپ استاد کشاورز مخصوصا فصل فتوشاپ برای وب رو واسه دانلود بزارید یا اگه امکانش هست ایمیل کنید برام توی سایت لرن فایلز بود قبلا الان پاک شده خیلی لازمش دارم این فصل رو
    با تشکر
    پاسخ:
    سلام دوست عزیز..
    تا یک ماهه دیگه کل پک آموزش فتوشاپ روی سایت لرن فایلز قرار میگیره.. فعلا پک ناقص هستش و داره ضبط میشه 
  • ۱۹ خرداد ۹۴ ، ۱۱:۰۵
  • وحید
    • سلام 
    سعید جان عالی و کاربردی بود آموزشت.
    خیلی خیلی استفاده کردم من
    آیا این آموزشهات ادامه داره؟
    مثلا مباحثی مثل nav bar فرم المنت و .... رو هم تو بوت استرپ آموزش میدی؟
    پاسخ:
    سلام...لطف دارین شما..
    ادامه دار که هست اما کی ضبط کنم معلوم نیست..الان حسابی سرم شلوغ شده..ضبط کردن آموزش شرایط خاصی می خواد باید اول از همه یه محیط بی سرو صدا پیدا کنم و کارو یکم سخت میکنه..
    سرم خلوت بشه ضبط میکنم
  • ۱۹ خرداد ۹۴ ، ۱۲:۰۸
  • mahdi
    • سلام اقا سعید واقعا از اموزش هاتون متشکرم .عالییی بود
    فقط لطفا ادامه بدید و فیلم هارو ظبط کنید چون واقعا کسایی مثل من که میخوان وب طراحی کنند و فقط html و css بلدن نیازی ضروری دارن.بازم مرسیییی
    پاسخ:
    سلام دوست عزیز..
    چشم سعی میکنم ادامه بدم
  • ۲۲ خرداد ۹۴ ، ۱۲:۳۸
  • محمد
    • با سلام و خسته نباشید
    لطفا یک فیلم اموزشی در مورد فارسی سازی عناصر مثل navbar و..
    بسازید!! شما گفتید نسخه بوت استرپ فارسی به درد نمیخورد!!
    حال باید چه کنیم؟

    سپاس
    پاسخ:
    سلام دوست عزیز..
    اره گفتم به درد نمیخوره...میدونی چرا؟ چون بوت استرپ ورژنش رو زو به زود عوض میکنه و این فریم ورک رو آپدیت میکنه..حالا شما حساب کن اون شخصی که میاد بوت استرپ رو rtl میکنه وقتی براش آپدیت میاد زودی نمیاد نسخه ی جدید رو rtl کنه..
    این یه مورد بود که حالا زیاد مهم نیست..
    مورد دوم اینکه وقتی میشه با دستورات text-align  و direction خودمون این کار رو انجام بدیم جه نیازیه بیایم نسخه rtl استفاده کنیم؟
  • ۲۶ خرداد ۹۴ ، ۰۱:۵۰
  • Mohammad
    • سلام ، داداش کارت عالیه !
    منم مث تو خیلی گشتم واقعا فیلم بدرد بخوری نیست یا اگرم هست هزینه های سنگینی رو بابتش میخوان دریافت کنن ! فکر مارو نمیکنن که دانشجوییم  !
    اگه واست مقدور بود این دوره که تموم شد یه دوره طراحی و برنامه نویسی 0 تا 100 یه وب رو شروع کن ! اگه فروشگاه اینترنتی باشه که عالی میشه
    یا تبدیل قالب به قالب وردپرس !
    بازم ممنونم ازت
    پاسخ:
    تا الان این چیزایی که آموزش داد م یه جورایی مقدمات کار بود..خودم می خوام یه دوره کامل صفر تا 100 ضبط کنم که توی اون یه قالب رو طراحی کنم.با پلاگین های مختلف آشنا میشیم.بوت استرپ یه سری نکته ی ریز داره که اونارو باید توی مثال عملی نشون بدم..بچه ها خیلی ازم سوال پرسیدن متاسفانه فرصت ضبط فیلم رو فعلا ندارم.
    به احتمال خیلی زیاد یکی از قالب هایی که برای مشتری دارم میزنم رو آموزش میدم..قالب کاملی هستش و داخلش خیلی نکته داره..البته اینجوری میترسم نون اون کسایی که دارن فیلم میفروشن آجر بشه :دی
  • ۲۶ خرداد ۹۴ ، ۲۰:۰۳
  • Mohammad
    • داداش تو کارتو بکن مام دعات میکنیم !
    هزینه های هنگفتی میگیرن پای این فیلماشون یکم به فکر بقیه نیستن !
  • ۲۸ خرداد ۹۴ ، ۰۲:۰۴
  • Mohammad
    • Dadash Ye Harkatam Ro Menu Mizadi !
    Man Ro Menu Mondam alan Che Konam Ke Resolution ke kochick mishe menu display none beshe va ye icon biad ke click mikoni menu keshoei baz she !
    پاسخ:
    توی فیلمای بعدی اینارو هم میگم..البته کاری نداره..توی سایت بوت استرپ بری یه تیکه کد html داره
  • ۲۸ خرداد ۹۴ ، ۱۳:۵۲
  • Mohammad
    • To Begi Ye Keife Dg dare ;)
  • ۳۱ خرداد ۹۴ ، ۲۲:۳۰
  • رها
    • سلام.
    ممنون از زحماتتون.
    من براکت رو ک گرفتم تو قسمت Available با وجود اینکه به اینترنتم وصلم ولی پلاگین ها رو برام نمیاره!
    پاسخ:
    سلام.والا من مشکلی باهاش نداشتم توی این مورد.
    شما با vpn یا چیز دیگه تست کنید ببینید بازم همین مشکل رو دارین یا نه..
    شاید هم سرعت اینترتتون کمه
  • ۰۱ تیر ۹۴ ، ۱۲:۵۲
  • سارا
    • سلام.
    بابت آموزشهاتون بسیار ممنونم.
    من امروز 4 پارت از آموزشها رو دیدم و قدم به قدم باهاشون پیش رفتم.الان چندتا مشکل دارم.
    1-با اینکه اکتنشن open in browser رو نصب کردم اما آیکن browser رو سمت راست پنجره ندارم
    2-کلاسهای مربوط به ریسپانسیو روی سیستم من جواب نمیدن.
    ممنون میشم راهنمایی کنید
    پاسخ:
    وقتی open in browser رو نصب کردین براکتس رو ببنید از اول باز کنید..توجه کنید که اون آیکن زمانی نشون داده میشه که توی صفحه ی html باشین نه توی css یا js 
    ------------------------------
    منظورتون چیه که کلاس ها جواب نمیده؟ مگه فایل بوت استرپ رو به صفحه لینک نکردین؟
  • ۰۱ تیر ۹۴ ، ۱۳:۰۶
  • سارا
    • سلام
    بابت آموزشهای خوبتون ممنون.
    من به تازگی اموزشهاتونو شروع کردم اما چندتا مشکل دارم
    1-آیکن browser رو سمت راست پنجره ندارم
    2-کلاسهای مربوط به ریسپانسیو روی سیستم من جواب نمیده.ورژن براکت من 1.3 هستش
    ممنون میشم راهنمایی کنید
    پاسخ:
    وقتی open in browser رو نصب کردین براکتس رو ببنید از اول باز کنید..توجه کنید که اون آیکن زمانی نشون داده میشه که توی صفحه ی html باشین نه توی css یا js 
    ------------------------------
    منظورتون چیه که کلاس ها جواب نمیده؟ مگه فایل بوت استرپ رو به صفحه لینک نکردین؟
  • ۰۲ تیر ۹۴ ، ۱۰:۳۹
  • سارا
    • ممنون از راهنماییتون. مشکل اولم حل شد.
    اما مشکل دومم همچنان پابرجاست.منظور من این هست که کلاسهای col-sm و col-md و ... عمل نمیکنن. فایل بوت استرپ رو هم لینک کردم (هم css و هم js )
    پاسخ:
    سورس صفحه رو یه جایی آپلود کنید برام بفرستین بررسی کنم
  • ۰۲ تیر ۹۴ ، ۱۱:۵۷
  • سارا
    • یه بی دقتی کوچولو کرده بودم. حل شد.
    از راهنمایی و پیگیرتون ممنونم
  • ۰۵ تیر ۹۴ ، ۰۰:۰۰
  • پریسا
    • سلام.
    خیلی ممنون ب خاطر آموزش خوبتون.
    تو پروژه هایی ک من مینویسم آیکونا رو نشون نمیده یا جاشون مربع میذاره،با اینکه تمام کارایی ک گفتین رو انجام دادم.مشکل از چیه؟
    پاسخ:
    از فونت آیکن استفاده میکنید؟ باید فایل های سی اس اس فونت آیکن هم به صفحه اتچ کنید و همچنین فونتهای مربوطه رو داخل پوشه ی فونت بریزید..این کارهارو کردین؟
  • ۰۵ تیر ۹۴ ، ۱۴:۳۴
  • مریم
    • سلام
    ضمن تشکر از آموزشهای خوبتون.
    یه سوال داشتم از خدمتتون.
    فرض کنید من یک row رو با کلاس col-md به سه یخش مساوی تقسیم کردم.در این حالت فاصله بین این سه قسمت از نظر من زیاده.آیا میشه این فاصله رو از حالت استاندارد کمتر کرد؟
    پیشاپیش تشکر میکنم
    پاسخ:
    اره میشه کم کرد...اما به نظرم دست نزنید بهتره..فاصله ها خیلی استاندارد هستن..اما اگه نیاز به تغییر دارین باید فایل بوت استرپدرو ویرایش کنید و یا استایل جداگانه بنویسید براش..با فایرباگ کار کردین؟
  • ۰۵ تیر ۹۴ ، ۱۵:۴۷
  • یوسف
    • سلام برادر. طاعات و عباداتت قبول.. ممنون بابت آموزش های عالیت ..واقعا خیلی جالبه و لذت بخشه. خدا خیرتون بده. موفق باشید. یاعلی
    پاسخ:
    سلام ممنونم..همچنین برای شما قبول باشه.

  • ۰۵ تیر ۹۴ ، ۱۷:۲۸
  • پریسا
    • همه این کارایی ک گفتید رو انجام دادم ی مشکل دیگه ام اینه ک من وقتی با open in browser برنامه رو اجرا میکن عکس های اسلایدرم رو باز نمیکنه ولی وقتی با live preview اجراش میکنم عکس های اسلایدر رو درست نشون میده.مشکلش چیه؟
    پاسخ:
    وقتی توی open browser اجرا کردین یه بار ctrl+f5 رو بزنید ببینید درست میشه یا نه..اگه نشد فایل های پروژه تون رو زیپ کنید یه جا آپلود کنید برای بفرستین بررسی کنم ببینم اشکال از کجاست
  • ۰۶ تیر ۹۴ ، ۲۳:۲۰
  • آموزش وردپرس
    • سلام ببخشید با توجه به این که در فیلم گفته بودید خصوصی ارسال نکنید الان متوجه شدم دوباره نظر میزارم

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

    یه تصویر پیوست کردم متوجه منظورم بشید تو نظر قبلی که خصوصی ارسال کردم هم کامل توضیح دادم

    http://s6.picofile.com/file/8196202068/pic.PNG

    با تشکر
    پاسخ:
    یه پست جدید در بلاگ ایجاد کردم و اونجا پاسختون رو دادم..اگه سوالی دارید بپرسید باز
  • ۰۷ تیر ۹۴ ، ۱۱:۳۸
  • آموزش وردپرس
    • از شما بسیار ممنونم
  • ۱۶ تیر ۹۴ ، ۱۱:۵۳
  • سهیل
    • عالی عالی عالی :) 
  • ۲۰ تیر ۹۴ ، ۱۹:۴۵
  • محمود محروقی
    • سلام. من تازه دارم آموزش ها رو میبینم و خواستم اول تشکر کنم.
    سعی میکنم نکاتی که در حین دیدن آموزش ها میبینم بیام و مطرح کنم.
    مثلا اینکه تگ script رو آخر body مینویسیم. علاوه بر بحث حجم، گاهی اوقات بعضی از اسکریپت ها به المنت های body اشاره دارن که باید اول اون المنت ها load بشن تا بعد اسکریپت ها روشون اعمال شن. در صورتی که قبل از load شدن body تگ جاوا اسکریپت رو بذاریم. اون اسکریپت های وابسته اعمال نمیشن! با تشکر از توجه شما.
    پاسخ:
    سلام..کاملا حق با شماست..با تشکر
  • ۲۳ تیر ۹۴ ، ۱۴:۰۲
  • حامد
    • ُسلام خسته نباشید. واقعا از آموزش جالب و مفیدتون سپاسگزارم واقعا عالی هستش. فقط من یه سوالی برام پیش اومده اونم اینکه شما توی دوره اول نحوه ریسپانسیو کردن قالب html و قالبی رو که از نو میخواستید شروع کنید رو آموزش دادید. اما من قالبم رو با زبان پی اچ پی طراحی کرده ام و تمام شده است و میخواهم ریسپانسیوش کنم. امکان داره راهنمایی کنید چجوری اینکار رو انجام بدم .
    با تشکر و سپاس از شما
    پاسخ:
    سلام خوب کاری نداره که..شما ظاهر قالب رو‌ داری..فقط میمونه اینکه html و css رو بنویسی..که البته css هم داری.بعدش که قالب رو به اصطلاح ری دیزاین کردی؛ کدهای php رو میاری تزریق میکنی به قالب جدیدت
  • ۲۳ تیر ۹۴ ، ۱۵:۳۸
  • yasaman
    • با سلام
    من براکت رو دانلود و نصب کردم ولی موقع نصب پلاگ این ها با مشکل مواجه شدم.ارور میده.
    unknown internal error
    لطفا بگید مشکل از چیه؟
    پاسخ:
    باید به اینترنت متصل باشید..اگر وصل هستین احتمالا سرعتتون خیلی پایین باشه..اگر هم سرعت پایین نیست یه اسکرین شات بگیرین بفرستین برام
  • ۲۳ تیر ۹۴ ، ۱۶:۴۲
  • yasaman
    • مرسی از پاسخگویی و فیلم های آموزشی عالیتون
    سرعت اینترنت هم که خوبه

    http://s3.picofile.com/file/8200008750/1.jpg
    پاسخ:
    یه برنامه اون پایین داره آپدیت میکنه asus live update امکان داره پهنای باند شما رو گرفته باشه..اگر اینجوری نیس شما یه وی پی ان نصب کنید با اون تست کنید. جالب بود برام..خبرش رو بدین بهم که درست شد یا نه..
  • ۲۳ تیر ۹۴ ، ۱۷:۲۳
  • yasaman
    • فک کنم مشکل از خود برنامه باشه چون تو پیغام خطایی هم که میده میگه مشکل داخلیه
    اگر به جای براکت از notepad++ استفاده کنم ایرادی نداره؟منظورم اینه که به نیاز خاصی بر نمیخورم که notpad++ پاسخوگو نباشه؟
    مرسی از پاسخ ها و همراهیتون
    پاسخ:
    نه مشکل نداره اینا همه ادیتور هستن..ماشالله دسکتاپ شما پر از ادیتورو IDE هستش :)))) 
    البته الان سرچ کردم یه جا خوندم ممکنه وی پی ان شما وصل باشه..اگه وصله قطعش کنید شاید درست بشه..شایدم تحریم کردن مارو 
  • ۲۳ تیر ۹۴ ، ۲۱:۱۶
  • Mehdi
    • ممنون از این آموزش خوب و رایگان
    پاسخ:
    خواهش میکنم قابل شمارو نداره
  • ۲۳ تیر ۹۴ ، ۲۳:۴۲
  • حامد
    • سلام از پاسختون ممنون اما ببخشید من تقریبا چیزی از حرفاتون رو نفهمیدم مثلا شما میگید وب سایت رو ریدیزاین کنم و بعد کد های php رو تزریق کنم توشون. من اگر بخوام با html طراحی کنم یعنی چی که بخوام کد های پی اچ پی رو توشون بریزم ؟
    اگر امکان داره کمی بیشتر توضیح بدین.
    با نهایت تشکر و سپاس
    پاسخ:
    سایت php چجوریه؟ یه سری فایل هستن با پسوند php درسته؟ حالا داخل اینها کدهای html و php هستن دیگه درسته؟ به عنوان مثال شما وردپرس رو در نظر بگیر..امیدوارم با وردپرس کار کرده باشی چون مثالم واسه وردپرسه..
    قالب های وردپرس چی هستن؟ همون قالب های html ساده ای هستن که داخلش کدها و توابع php وردپرس تزریق شده..یعنی بین کدهای html شما کدهای php قرار میدی..مثلا تابعی رو در وردپرس در نظر بگیر که لیست دسته بندی هارو میاره..این تابع کدش جایی از قالب html ما قرار میگیره که قرار لیست دسته بندی ها ی سایت اونجا نمایش داده بشه.گرفتی چی شد؟
  • ۲۴ تیر ۹۴ ، ۱۶:۴۲
  • yasaman
    • با سلام
    بببخشید اگه بخوام plugin های براکت رو بص.رت دستی نصب کنم.اینکه فقط دانلودشون کنم و اکسترکتش کنم ب ادرس
    C:\Users\yasaman\AppData\Roaming\Brackets\extensions
    کافیه؟
    این کارو انجام دادم ولی نصب نشد :(((
    پاسخ:
    سلام..والا من تاحالا اینجوری نصب نکردم ولی یکی از روش های نصب هم به صورت دستیه
  • ۲۵ تیر ۹۴ ، ۱۶:۲۹
  • حامد
    • سلام. خیلی خیلی ممنون بله متوجه شدم .
    با تشکر از شما
  • ۲۶ تیر ۹۴ ، ۱۶:۴۷
  • sen
    • سلام.تو این تعطیلات عید فطر آموزش ها رو ادامه نمیدید؟
    پاسخ:
    متاسفانه امکانش نیست..یعنی نه که امکانش نباشه..در حال راه اندازی یک وب سایت هستم که فقط قرار طراحی وب آموزش بدم..یکی از برنامه هام اینه داخل اون سایت یک قالب رو 0 تا 100 با بوت استرپ طراحی کنم.فعلا کارای هاست و دامین رو انجام دادم ..باید یه قالب خوب براش بزنم و یک درگاه هم بگیرم..انشالله تا آخر تابستون میارمش بالا
  • ۲۹ تیر ۹۴ ، ۱۳:۳۶
  • رضا
    • سپاس از آموزش خوبت دوست گرامی!
    اما یه مساله همیشه واسه من وجود داره که بخاطرش هیچ وقت از ویرایش گراهایی مانند براکت یا نوت ++ یا حتی فتوشاپ برای طراح قالب تارنمام الارقم راحت تر بودن کار باهاشون استفاده نمیکنم،بخصوص با افزونه امت که شما در براکت ازش استفاده میکندی واقعا طراحی قالب تندتر انجام میشه
    من تاربرنما هام رو با asp.net mvc پیاده سازی میکنم و به طبع از ویژوال استودیو استفاده میکنم و همونجور که میدونی در ام وی سی شما بسیاری از کدهای سمت سرور رو توی خود پیج می نویسی ، واسه همین من حتی برای طراحی قالب و کد نوشتن سی اس اس ها و جی کوئری ها هم فقط از محیط ویژوال استودیو استفاده میکنم .البته نه اینکه بصورت موازی طراحی قالب و کدنویسی سرور رو انجام بدم !! نه.منم اول قالب تارنما رو طراحی می کنم بعد کدنویسی رو انجام میدم .ولی خب راستش نمی دونم چجوری تو براکت قالب رو طراحی کنم بعد قالب رو بارم به محیط ویژوال استودیو ،مثلا کپی پیست کردن راه منطقیه؟ کلا تا جاییکه من آموزش های گوناگون دیدم اوناییکه با نرم افزارهایی مثه براکت و نت++ و فتوشاپ و ... نمای سایت رو طراحی میکنند پی اچ پی کار هستند وگرنه تاجایی که من دیدم سی ای اس پس کارهای سی شارپی تو همون ویژوال استودیو همه کارها رو انجام میدن"البته گمون کنم"
    پاسخ:
    کاری نداره که..قالب رو توی براکتس طراحی کن بعدش فایل های سی اس اس رو توی Master Page اتچ کن..هرچی بین تگ Body گذاشتی کپی کن از فایل Html به فایل MasterPage بعدش کدهای C# رو بین کدهای html قرار میدی و قالب داینامیک میشه

  • ۰۱ مرداد ۹۴ ، ۱۱:۴۲
  • حامد
    • سلام وقت بخیر.
    سوالی خارج از بحث بوت استرپ از شما داشتم و اینکه html5 , css3 چی هستن امکان داره کمی توضیح بدین ؟ یا اصلا بهتر از css , html هستن ؟
    و یه سوال دیگه اینکه شما چه کار کردید که اینقدر بازدید وبتون زیاد شده ؟ !
    با تشکر.
    پاسخ:
    خوب مسلما وقتی یه جایی محتوای درست حسابی باشه بازدید هم بالا میره..
    css3 و html5 ورژن های بعدی از css و html هستن که خیلی وقته اومدن باید منتظر css4 باشیم..
    اینا امکانات بیشتری دارن
  • ۰۳ مرداد ۹۴ ، ۱۸:۵۲
  • ShahinSorkh
    • آقا سعید دمت گرم
  • ۰۴ مرداد ۹۴ ، ۱۸:۰۴
  • سجاد
    • سلام خدمت دوست عزیز و گرامیم.خیلی با این آموزشتون حال کردم خدایی هیچ جا این جور آموزش کار درستی پیدا نکردم باز هم از این اموزش ها بزار اگه می تونی یک قالب در سطح حرفه ای درست کن .با تشکر
    پاسخ:
    چشم..احتمالا این کار رو انجام بدم..اما نه در این وبلاگ..در قالب یک وب سایت هدفمند..با کلی آموزش..
  • ۰۴ مرداد ۹۴ ، ۲۰:۳۸
  • siavash
    • salam ,
    darmorede RTL kardan kheili rahat mitooonestid az BOOTSRTAP RTL estefade konid.....dar zemn bakhsh haye badi key ezafe mishe...?
    پاسخ:
    بوت استرپ RTL به درد نمیخوره..نسخه ی اصلی بهترین گزینس..خیلی راحت میتونید RTL کنید..آموزش های بعدی هم در قالب یک پروژه اضافه میکنم..فعلا زمانش مشخص نیست
  • ۰۶ مرداد ۹۴ ، ۲۱:۳۱
  • رضا
    • درود دوباره
    آقا من میخوام توی یه row یه باکس سمت چپ واسه جستجو داشته باشم یه باکس هم واسه منوی کشویی! که واسه این منوی کشوی از نَو بار بوت استرپ استفاده کردم .اما هر کاری میکتنم منو راست چین نمی شه یعنی به سمت راست باکس مرود نظر نمی چسبه و فقط چپ چین میشه
    پاسخ:
    body{direction:rtl} از این دستور توی css استفاده کن ببین درست میشه یا نه
  • ۱۵ مرداد ۹۴ ، ۰۱:۰۹
  • 0010
    • سلام.آقا در کل خسته تباشی اما اگه یکمی بیشتر وقت بذاری واسمون ممنونت میشیم و اگه ویدئو های دیگه رو زودتر واسمون بذاری دیگه عالی میشه
    پاسخ:
    چشم اگه شد بقیه رو ضبط میکنم
  • ۱۷ مرداد ۹۴ ، ۱۱:۰۸
  • منیره
    • صدای ویدئو ها صفره
    پاسخ:
    اسپیکرهای شما مشکل داره..صدا اوکیه
  • ۱۷ مرداد ۹۴ ، ۱۱:۳۶
  • منیره
    • ممنونم عالی بود
  • ۱۹ مرداد ۹۴ ، ۱۴:۳۱
  • نگار
    • سلام و واقعا خسته نباشید
    ببخشید من یه سوالی داشتم
    آیا این امکان وجود داره که واسه هدرمون از یه بک گراندی استفاده کنیم و اون بک گراند رو طوری تنطیم کنیم که در صورت کوچک و بزرگ شدن صفحه اونم کوچیک و بزرگ بشه نه اینکه قسمتی ازش دیده نشه
    وقتی خیلی کوچیک میشه
    و تکرار نشه تو صفحه وقتی مرورگر بزرگ میشه
    در صورت امکان راهنماییم کنید.
    چون عکس پس زمینه دارای طراحی هست و میخوام کامل دیده بشه
    و اکثره سایتایی که دیدم با بوت استرپ کار شدن بک گراند ساده ای داشتن
    سپاسگذارم
    پاسخ:
    سلام...بله میشه.
    شما باید سایز هدر رو در صورتی که از کلاس container استفاده میکنی 1140 پیکسل در نظر بگیری..چون ماکسیمم سایز کلاس container  1140 هستش.
    ..
    ولی اگه از container-fluid استفاده کنی داستان فرق داره و عرض صفحه 100% میشه..
    حالا شما نمیدونی مانیتور کاربر عرضش چقدره و باید ماکسیمم سایز رو براش در نظر بگیری که معمولا 1920 در نظر میگیرن عرض اون رو..
    به نظرم بهتره از container استفاده کنی و عرض عکس هدر رو همون 1140 در نظر بگیری..ارتفاع اون هم دست خودته..بستگی به هدرت داره..
    معمولا بیشتر از 300 ارتفاع رو در نظر نمیگیرن..چون حجمش میره بالا..
    گرفتی چی شد یا نه؟
  • ۲۰ مرداد ۹۴ ، ۲۳:۴۰
  • نگار
    • سلام
    بله البته من دنبال خاصیت ریسپانسیو عکس بودم img_responsive و اختصاص دادنش به هدر صفحه
    اما از عرض هدری که ذکر کردید استفاده کردم
    ممنونم
    برقرار باشید
  • ۲۳ مرداد ۹۴ ، ۱۸:۲۰
  • نیایش
    • سلام
    ببخشید من به ی راهنمایی نیاز فوری دارم.
    در صفحه ام یه گرید دارم که دارای ستون تصویر و در کنارش جایی برا تبلیغات میخوام.
    با این اوصاف اول کلاس container  بعد row  و بعد دو کللاس col-md-4  و زcol-md-8 تعریف میکنم که در ستون بزرگتر گرید قراربگیره و در ستون کوپیکتر تبلیغات ولی خروجی کار خرابه یعنی گرید کامل به سمت راست صفحه چسبیده ولی ستون مربوط به تبلیغات درسته
    یعنی انگار کلاس container  اعمال نمیشه
    حالا میشه راهنمایی کنید؟
    پاسخ:
    سلام...یه دمو آنلاین بزارید ببینم کجاش اشکال داره
  • ۲۵ مرداد ۹۴ ، ۱۲:۵۴
  • آتنا
    • سلام
    میخواستم رنگ رو استایل منوها (navbar) رو عوض کنم البته توی سی اس اس خارجی چون تو پروژم 2 تا منو دارم
    ممنون میشم راهنمایی کنید
    پاسخ:
    خوب شما باید صفحه رو inspect کنی..بلدی؟ ببینی از کدوم کلاس داره رنگ میگیره..اسم کلاس رو حذف کن و کلاس خودت رو بهش بده..فقط نکته ای که داره استایلهای کلاس مورد نظر رو از فایل بوت استرپ کپی کن..بعدش کلاس جدیدی که تعریف میکنی اون استایل هارو Paste کن و رنگش رو عوض کن.گرفتی چی شد؟

  • ۲۷ مرداد ۹۴ ، ۱۳:۵۳
  • نیایش
    • سلام
    ممنونم برای مطالعه مشکلم،ولی حل شد.
    به جای radgrid از listbox استفاده کردم و درست شدولی برام جالبه که چرا گریدی ک ی ستون تصویر داره درست ازکلاس نسبت داده شده استفاده نمیکنه
    به نظرم باید ستون گریدی ک عکس داره ی اتفاقی براش بیفته
  • ۳۰ مرداد ۹۴ ، ۰۳:۲۶
  • Mehdi
    • سلام
    ممنون از آموزش.
    من تو برکتس نمیتونم قسمتی یا حتی کل متن فارسی رو انتخاب کنم ظاهرا ساطگاری نداره با زبان فارسی؟
    حتی بدون اکستنشن هم لود میکنم بازم مشکل هست.
    تو متون انگلیسی هیچ مشکلی نیست.
    ممنون میشم راهنمایی کنید
    پاسخ:
    این مشکل رو داره..من خودم برای انتخاب متن فارسی مکان نمای ماوس رو اول متن فارسی قرار میدم بعدش کلید shift رو میگیرم و با ماوس روی آخرین کلمه فارسی کلیک میکنم ...اینجوری متون فارسی انتخاب میشه
  • ۳۰ مرداد ۹۴ ، ۱۹:۲۶
  • علیرضا عربشاهی
    • فقط میتونم بگم خدا خیرت بده !
    تسلط + فن بیان + کیفیت خوب ریکورد
    واقعا کارت محشره ! اخه مگه میشه امورش به این خوبی اونم رایگان ؟
    عاجزانه خواهش میکنم آموزش های دیگه تو مباحث مختلف بساز حتی اگه پولی هم باشه واقعا ارزششو داره بالاخره تو هم داری وقتتو صرف میکنی دیگه .
    پاسخ:
    نظر لطفتونه..توی برنامه های آینده ام همچین چیزی هست که بخوام تدریس مجازی داشته باشم..درباره پولی کردن آموزش ها هم اگر این کارو کنم با قیمت پایین عرضه میکنم که کسانی که توانایی مالی ندارن بتونن اموزش هارو استفاده خریداری کنن
  • ۰۱ شهریور ۹۴ ، ۱۵:۰۲
  • بهار

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

    اولین اموزش فارسی هست که از بوت استرپ دیدم
  • ۰۱ شهریور ۹۴ ، ۱۵:۱۴
  • nasim
    • سلام . از آموزشهای فوق العادتون متشکرم. 
    یک مشکل دارم. من از فونت yekan  به نحوی که جنابعالی اشاره کردین استفاده میکنم.اما اعداد رو انگلیسی نمایش میده.
    راه حل چیه؟
    با تشکر
    پاسخ:
    بله همینطوره..شما باید فونت عددی یکان رو هم داشته باشین.اون رو هم به صفحه پیوست کنید.
  • ۰۱ شهریور ۹۴ ، ۱۷:۰۷
  • nasim
    • از پاسخگوییتون ممنونم.
    اون فونت اعداد به چه شکل هست؟
    شبیه همین فونتاست؟
    پاسخ:
    ایمیلتون رو بدین بفرستم براتون
  • ۰۵ شهریور ۹۴ ، ۱۸:۱۷
  • الهه
    • با سلام.
    من خیلی از آموزش هاتون استفاده کردم و واقعا بابتش ممنونم.
    ولی یه مشکلی برام پیش اومده.
    من توی سایتم از datalist استفاده کردم که با بوت استرپ مشکل پیدا میکنه و قابلیت responsiive نداره.چه جوری این مشکل رو حل کنم؟
    با تشکر
    پاسخ:
    دیتا لیست به صورت جدول اطلاعات رو نشون میده؟چجوریه خروجیش؟
  • ۰۷ شهریور ۹۴ ، ۲۱:۲۳
  • علی
    • سلام
    تو پارت 12 اسم سه تا سایت رو گفتید که سورس های اچ تی ام ال رو در اختیارمون می گذارن
    گفتی جی کوئری وین-اچ تی ام ال دراگ-کد انت
    من سرچ کردم به آدرس نرسیدم
    اگه میشه لطف کن و آدرس سه تاشون رو برام بذار
    منتظرم-خیلی خیلی ممنون
    موفق باشید
    پاسخ:
    jqueryrain
    htmldrive
    codepen
    اینارو سرچ کن
  • ۰۸ شهریور ۹۴ ، ۱۲:۴۳
  • نیایش
    • سلام
    خسته نباشید.
    ببخشید چه طور tabcontrol که با bootstrap ساخته شده rtl کنم؟؟؟

    <div class="container">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a data-toggle="tab" href="#Karf">کار</a>
                    </li>
                    <li>
                        <a data-toggle="tab" href="#Karj">کارجو</a>
                    </li>
                </ul>
    پاسخ:
    inspect کردن با firebug رو اگه بلد باشین به راحتی میتونید این کار رو انجام بدین..
    در رابطه با firebug جستجو کنید
  • ۰۸ شهریور ۹۴ ، ۱۳:۳۲
  • وحید عابدینی
    • با سلام و تشکر از بابت این آموزش خییییییییلی خوبتون
    با این آموزشهای شما کامل با بوت استرپ آشنا شدم
    یه سوالی که موقع طراحی واسم پیش اومده اینه
    این کد html من هستش
    ---------------------------------------------------------------------------
            <div class="row">
                <div class="col-md-12">
                    <div class="header .img-responsive">
                      
                        <div class="row">
                            <div class="col-md-2">
                                ... جستجو در سایت
                            </div>
                            <div class="col-md-2">
                               
                            </div>
                            <div class="col-md-8">
                               
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    ------------------------------------------------------------------------------
    من تو کلاس header میبینید که کلاس .img-responsive استفاده کردم
    حالا من می خوام واسه کلاس header از طریق فایل css عکس تعریف کنم حالا عکس رو هم تعیرف کردم تو صفحه به خوبی نشون داده میشه ولی ریسپانسیو نمیشه .....
    اینو هم بگم وقتی آدرس عکس رو داخل فایل html قرار میدم به صورت ریسپانسیو نشون میده
    <img src="..." class="img-responsive" alt="Responsive image">
    ولی من می خوام آدرس عکس رو از طریق css بدم
    ممنون میشم بنده رو راهنمایی کنید .
    پاسخ:
    شما این لینک رو بخون
    http://stackoverflow.com/questions/12609110/responsive-css-background-images
  • ۱۳ شهریور ۹۴ ، ۲۱:۰۴
  • گروه اتوکلیگ ایران زیبا
    • سلام من یه اسلایدر میخوان هر وقت مطلب میزارم بره توی اون میتونید برام نصب کنید
    پاسخ:
    نه متاسفانه
  • ۱۸ شهریور ۹۴ ، ۱۹:۱۶
  • داوود
    • سلام آقا سعید گل و دوست داشتنی؛
    خوبی دوست عزیزم؟؟ سعید جان من همچنان دارم کار میکنم و تمرین میکنم ها.
    در همین حین دارم فیلمهای بوت استرپ شما رو هم میبینم؛ فقط میتونم یه راهکار برای رفع مشکلی که تو قسمت 5 براتون پیش اومد ارائه کنم عزیزم یا نه؟؟ دوستدار همیشگی شما دوست عزیز و سالم خودم و ارادتمند شما: داوود
    پاسخ:
    سلام دوست عزیز
    آفرین خیلی خوبه...
    شما راهکارتم ارائه کن استفاده میکنیم ;)
  • ۲۱ شهریور ۹۴ ، ۰۹:۳۶
  • داوود
    • سلام سعیدآقای عزیزم؛
    خواهش می کنم.
    ببینید سعید عزیزم من یک خط کد (البته همینجوری و جهت تست) بدین نحو اضافه کردم؛ کد css رو مشاهده بفرمایین لطفا:
    .gray{background-color: #afafaf;}
    .red{background-color: #e96767;}
    .green{background-color: #a7d948;}
    .blue{background-color: #5eb4ed;}
    .norap{word-wrap:break-word; color:red;}
    و حالا این کلاس آخری که norap هستش رو طبق تدریس شما و کد ارائه شده بدین نحو قرار میدیم:
    <div class="col-md-6 norap">
                            <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
                        </div>
    حالا دیگه این کاراکترها نمیزنن برون از کادر مورد نظرمون عزیزم. امیدوارم درست گفته باشم خدمتتون، البته خودم تست کردم ولی بازم شما استادید.
    با تشکر از شما
    پاسخ:
    بله حق با شماست..من دربارش سرچ کردم
  • ۰۵ مهر ۹۴ ، ۱۳:۵۲
  • هادی
    • سعید عزیز سلام
    خسته نباشید و خدا قوت میگم.
    آموزش های ویدئویی عالی بودند. دست گلت درد نکند. بسیار بهره بردم مخصوصا در زمینه ریسپانسیو کردن با بوت استرپ.
    لازم دیدم ازت تشکر کنم.
    امیدوارم در آینده باز امکانش برایت مقدور باشد که از این دست آموزش های ویدئویی پربار را تهیه نمایی.
    باز هم ازت تشکر می کنم و برایت آرزوی سلامتی دارم
    پاسخ:
    سلام دوست عزیز..خوشحالم که استفاده کردین
    موفق باشین
  • ۱۹ مهر ۹۴ ، ۲۲:۰۲
  • رضا
    • سلام خداقوت
    خیلی ممنونم بابت آموزش های بینظیرت آقا سعید خیلی خوب توضیح میدی مهمترین چیزی که آموزشای شمارو با بقیه آموزشها متمایز کرده اینه که اکثر مدرس های دیگه تویه یه چهارچوب و قاعده و قانون خاصی و صرفا جهت رفع تکلیف میخوان یه آموزشی رو ضبط کنن اما شما مشخصه که هدفت یادگیریه مخاطبته و این خیلی مهمه - دوتا از فیلماتو دیدم انشاالله تا فردا همه رو دانلود میکنم میبینم بازم ممنون
  • ۱۹ مهر ۹۴ ، ۲۲:۰۳
  • رضا
    • راستی اگه برای سایت های دیگه ای هم تدریس میکنی خبر بده اگه شد همکاری داشه باشیم ممنون
    پاسخ:
    متاسفانه فعلا وقتش رو ندارم اما تا چند وقت دیگه یه برنامه ریزی کردم برای این کار
  • ۲۰ مهر ۹۴ ، ۰۱:۲۳
  • حامد
    • سلام
    یه قسمت رو دیدم و از نحوه آموزش و مطالب خوشم اومد ایشالا در فرصت مناسب دانلود کنم کلشو
    فقط چون کامل هنوز ندیدم سوال دارم آیا تموم شده ضبط آموزشها؟؟ یعنی قسمتی اضافه نمیشه؟؟ 
    پاسخ:
    ببین کل بوت استرپ رو وقت نشد یاد بدم
    اما توی این قسمتایی که ضبط کردم با اصل داستان آشنا میشی که گرید بندی هستش.
    بقیش رو خودت میتونی از سایتش یاد بگیری
  • ۲۹ مهر ۹۴ ، ۱۱:۰۳
  • علی
    • سلام سعید جان خدا قوت

    اگه امکان داده ادامه آموزش ها رو هم بزار  یا اینکه html5 و css3 رو هم آموزش بده چون ندیدم جایی به خوبی شما آموزش بدن
    پاسخ:
    سلام دوست عزیز..
    نظر لطفته
    ----------
    در آینده این کار رو انجام میدم حتما
  • ۲۹ مهر ۹۴ ، ۱۶:۳۷
  • علی
    • سلام
    میخواستم بدونم چطور میشه توی حالت موبایل  کل منو به صورت دراپ دان بشه 
    (در بعضی از قالب ها مینویسه فهرست و روش کلیک میشه کل منو ها رو به صورت دراپ دان میاره و دیگه ایجور زیر هم نمیاد)
    پاسخ:
    منظورت رو متوجه نشدم..بیشتر توضیح بده
  • ۳۰ مهر ۹۴ ، ۰۳:۲۵
  • علی
    • برای نمونه اون که پرسیدم کل متو دراپ دان یشه میتونید سایتhttp://bigtheme.ir/رو ببینید ؛ فقظ بحث من روی منو هست
    پاسخ:
    ببین این سایت توی حالت ریسپانسیو یه منوی دیگه داره که بهش میگن Slide Menu
    یعنی اینکه از کنار باز میشه..
    اسلاید منو ها زیادن میتونی توی گوگل سرچ کنی
    اما این سایت دوتا منو داره نه یکی..
    وقتی صفحه کوچیک میشه منوی اصلی مخفی و اسلاید منو نمایش داده میشه.گرفتی تا اینجا چی شد؟
    حالا این کار زیاد جالب نیست..
    چون شما دوبار کد HTML مینویسی.
    یه پلاگین بهت معرفی میکنم عالیه 
    http://slicknav.com/
    با این پلاگین میتونی منوی ریسپانسیو بسازی

  • ۳۰ مهر ۹۴ ، ۱۱:۴۴
  • علی
    • سلام آقا سعید
    اول تشکر بابت پیگیری و زحمتی که برای پاسخ به نظرات میکشی و دومین  تشکر بابت پلاگین خوبی که معرفی کردید
    __________________-______________
    یک سوال داشتم 
    تفاوت div و nav و section و span توی طراحی سایت چیه که بعضی ها برای ایجاد کلاس یا آیدی ازشون استفاده میکنن؟ در کل باید کجا از کدوم استفاده کرد چون من فقظ از div توی قالب استفاده میکنم
    پاسخ:
    خواهش..
    توی html 5 یه سری تگها اضافه شدن..مثت همین section و nav
    تگ div از قبل وجود داشت
    اصلا چه دلیل داشت توی html 5 این تگها به وجود میاد؟
    به خاطر اینکه صفحه پر ازdiv نشه
    یه جورایی بهش میگن تگهای Semantic یا معنایی...صفحت معنی پیدا میکنه...مخصوصا برای موتورهای جستجو..مثلا تگ Header  و footer هم داریم..
    مثلا section واسه بخش بندی صفحات هستش
    از تگ Nav برای ایجاد منو استفاده میشه
    اون تگ span هم برای یه مثال میزنم
    فرض کن یه پاراگراف داری متنش قرمز هست.تو میخای یه کلمه از اون قرمز بشه ..شما اون رو توی تگ span قرار میدی و به span یه کلاس میدی و رنگش رو قرمز میکنی..
    به مرور زمان متوجه میشی چه جاهایی از span استفاده کنی
    البته این توضیحاتی که دادام خیلی مختصر بود..توی گوگل سرچ کن بیشتر گیرت میاد مطلب
  • ۰۴ آبان ۹۴ ، ۱۲:۲۵
  • ali
    • سلام 
    لطفا ادامه فیلم های آموزشی رو قرار بدید ممنون میشم
  • ۰۵ آبان ۹۴ ، ۰۰:۲۰
  • Sezar
    • سلام اگه میشه یک فیلم در خصوص html5 و css3 که چه نکاتی اضافه شده رو ضبط,کنید
    _____________________________
    اگر میشه نحوه استفاده کلاس دراپ دان رو برای وردپرس توضیح بدید؛ چون ممکنه کاربر صفحه ای رو اضافه کنه که شامل زیر مجموعه باشه  در منویی که ما به صورت دستی ایجاط میکنیم راحت از کلاس دراپ دان استفاده میکنیم ولی کاربر که دانش برنامه نویسی رو نداره نمیتونه

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

    با تشکر
  • ۰۵ آبان ۹۴ ، ۲۱:۴۳
  • حامد
    • سلام
    آقا سعید فرصت شد بالاخره آموزشارو دیدم،واقعا استفاده کردم
    مرسی عالی بود
    اگه استفاده از متریال دیزاین رو هم بزاری ممنون میشم ازت
    همینطور html , css رو هم کامل بتونی بزاری عالی میشه
    بازم ممنون
  • ۱۲ آبان ۹۴ ، ۰۷:۴۱
  • کاظم
    • درود بر شما واقعا اموزش هاتون عالیه...
    الان که این نظر رو مینویسم تا قسمت 12 تو وبلاگ قرار داره لطفا ادامش بدین خیلی عالی پیش رفتین.
    مرسی
  • ۱۲ آبان ۹۴ ، ۲۲:۵۷
  • واحدی
    • دستتون درد نکنه واقعا خیلی خوب توضیح میدین من که هیچ جا ندیدم به این خوبی و با این جزئیات توضیح بدن بازم ممنون ان شاءالله شاهد موفقیت های روز افزون شما باشیم
    یه خواهش هم دارم که درست هست اسم وبلاگتون اموزش بوت استرپ هست ولی به همین یکی محدودش نکنین و آموزش بقیه زبان ها هم بزارید
  • ۱۴ آبان ۹۴ ، ۰۸:۴۵
  • mahdi
    • سلام

    چرا ادامه نمی دید؟؟؟؟
    پاسخ:
    سلام..چون واقعا وقتش رو ندارم..حتما وقت شد بهتر از این رو ارائه میکنم
  • ۱۵ آبان ۹۴ ، ۱۸:۰۶
  • فرزانه
    • خیلی استفاده کردم.
    آموزش خوبی بود و مهمتر اینکه به وقت خیلی توجه داشتید.
    اگه لطف کنید ادامه بدید خیلی فوق العاده میشه.
    ممنونم :)
  • ۲۰ آبان ۹۴ ، ۱۲:۳۷
  • حسین
    • سلام دوست عزیز من مشکل راست چین کردن دارم دیونه شدم
    لطفا کمک کن ممنون لینک پروژه من
    پاسخ:
    salam az khasiate direction:rtl estefade kon ..kari nadare ke
  • ۲۲ آبان ۹۴ ، ۰۰:۱۱
  • مجتبی
    • سلام
    ببخشید تو کدنویسی من یه اشکالی پیش اومده تو col-md هر عددی میدم 12 تایی نشون میده کل صفحه رو میگیره

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Bootstrap 101 Template</title>


        <link rel="stylesheet" href="main.css">
        <link rel="stylesheet" href="css/bootstrap.min.css">

        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>


        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>

    <body>
        <div class="container">
            <div class="row">
            <div class="col-md-4 red">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet labore, nam, possimus dolor expedita repudiandae doloribus animi obcaecati impedit ex magnam nihil cupiditate, asperiores rem alias! Velit, aperiam eligendi tempore
            </div>
            </div>
        </div>

    </body>

    </html>
    پاسخ:
    سورست رو‌ کلا اپلود کن بفرست
  • ۲۲ آبان ۹۴ ، ۱۴:۲۶
  • مجتبی
    • سلام
    با تشکر لینک سورس مطلب ارسال شد

    http://bayanbox.ir/download/3744844427171951554/Project.rar
    پاسخ:
    فایل های سی اس اس رو اتچ نکردی
    بیشتر دقت کن
    توی پوشه سی اس اس شما یه فایل bootstrap.css هستش
    ولی شما توی فایل html فایل bootstrap.min.css رو اتچ کردی
    همین مورد درباره فایل Main شما صدق میکنه..
  • ۲۳ آبان ۹۴ ، ۰۰:۲۰
  • مجتبی
    • خیلی ممنون
    من دستورات سایت بوت استرپ رو کپی کردم، و دیگه اصلا حواسم به تغییر این قسمت تو دستورات html نبود

    ببخشید که اذیتتون کردم

    تشکر که وقتتون رو به من دادین
    پاسخ:
    بعضی وقتا این مشکلات پیش میاد..شما میتونی با inspect کردن صفحه اون مشکلات رو پیدا کنی
    درباره google inspector جستجو کن ابزار خوبیه
  • ۲۴ آبان ۹۴ ، ۱۸:۵۳
  • علی
    • سلام سعید جان
    من قالبم اولش منو بار هست بعد اسلایدر
    وقتی برای منو بارم زیر شاخه تعیین میکنک میرن زیر اسلایدر به جای روی اسلایدر
    لطفا کمکم کنید
    پاسخ:
    salam dooste aziz...
    ma tooye css ye chizi darim be esme z-index
    shoma too google darbarash search bezan ke kamelan motevajeh beshi ghazie chie
    tooye site w3school.com darbarash bekhoon
  • ۲۵ آبان ۹۴ ، ۱۶:۴۹
  • علی
    • سلام سعید جان سرچ کردم ولی چیزی متوجه نشدم
    پاسخ:
    پس معلومه درست سرچ نکردی
    خاصیتی  z-index اولویت میده کدوم المان روی اون یکی قرار بگیره.حالا منوی شما اولویت کمتر داره که میوفته زیر
    بیشتر بسرچ
  • ۲۵ آبان ۹۴ ، ۲۳:۴۲
  • علی
    • سلام سعید جان میشه قالب رو ارسال کنم ببینید مشکل کجاست؟
    چون سایدبار کنار هم از آخرین پست قرار میگیره کنار پست ها
    پاسخ:
    بفرست فرصت کردم بررسی میکنم..یه ایمیل هم بده که برات بفرستم
  • ۲۶ آبان ۹۴ ، ۰۹:۵۳
  • علی
    • Safirzadeh@yahoo.com
    پاسخ:
    سورست رو آپلود کن لینکش رو خصوصی بفرست برام
    از طریق صفحه تماس با من بفرستی خصوصی میاد
  • ۲۷ آبان ۹۴ ، ۰۹:۲۶
  • سیدرضا حسینی
    • با عرض سلام واحترام:
    اقا سعید آموزش های جدید کی منتشر می کنید؟
    بی صبرانه منتظر قسمت سیزده هستم
    با تشکر از زحمات شما
    پاسخ:
    سلام..معلوم نیست دوست عزیز..
    هروقت ضبط کنم قرار میدم
  • ۲۷ آبان ۹۴ ، ۲۲:۴۴
  • علی
    • سلام سعید جان چطور میشه با بوت استرپ قسمت کامنت سایت رو طراحی کرد
    پاسخ:
    برای طراحی کامنت باید سی اس اس بلد باشی..بستگی داره چجوری بخوای طراحی کنی
  • ۲۸ آبان ۹۴ ، ۰۸:۰۳
  • علی
    • داداش سعید css رو بلدم ؛ منظورگ واکنش گرا کردنش بود
    پاسخ:
    خوب شما اگه از سیستم گرید بندی بوت استرپ استفاده کنی ریسپانسیو میشه دیگه..
    البته بعضی جاهاش نیاز داری از MediaScreen ها استفاده کنی
    اگه نمیدونی مدیا اسکرین چیه یه سرچ بزن
  • ۳۰ آبان ۹۴ ، ۱۷:۱۲
  • Sezar
    • سلام 
    چطور میشه از فونت آیکون به عنوان liststyle(لیست استایل) استفاده کرد
    پاسخ:
    تست نکردم
    ولی این لینک رو بخون شاید کمکت کنه
    http://stackoverflow.com/questions/13354578/custom-li-list-style-with-font-awesome-icon
  • ۳۰ آبان ۹۴ ، ۲۰:۰۳
  • میررضا موسوی
    • سلام دستت درد نکنه خیلی عالی بود و من استفاده کردم. خدا خیرت بده
  • ۱۰ آذر ۹۴ ، ۱۷:۵۵
  • hossein
    • اقا برای اینکه وردپرس بوت استرپ رو بشناسه باید چیکار کنیم؟
    پاسخ:
    ربطی به وردپرس نداره که....منظورت چیه؟ شما توی وردپرس آدرس دهی خودتون رو دارین
    احتمالا بد آدرس دهی میکنی
  • ۱۵ آذر ۹۴ ، ۰۹:۳۰
  • mahshid
    • با عرض سلام وخسته نباشید.اولا از زحماتتون قدردانی و تشکر میکنم دوما عرضی داشتم میشه بی زحمت نگاه به لینک جلسه دوم قسمت دو بیندازید ببینید مشکل دارد یا نه.من با هر نوع پلیری اجرا کردم پخش نشد.
    باسپاس
    پاسخ:
    جلسه دوم دوتا پارت هستش
    دقت کنید
    باید جفتش رو دانلود کنید یعنی پارت اول و پارت دوم
    سپس پارت اول رو اکسترکت کنید
    فایل پارت دوم هم کنار فایل پارت اول باشه
  • ۲۷ آذر ۹۴ ، ۰۴:۲۹
  • سپهر
    • سلام
    خدا خیرت بده داداش
    بهترین آموزشی بود که تا حالا در اینترنت دیده بودم.
    نظیر نداشت.
    پاسخ:
    مخلصیم...خوشحالم به دردت خورده
  • ۲۷ آذر ۹۴ ، ۰۵:۰۷
  • سپهر عارفیان
    • سلام مجدد سعید جان.
    میخواستم نظرت رو درباره یک چیزی بدونم و این موضوع ربطی به این آموزش های شما نداره فقط میخوام بدونم نظر شخصیت چیه.

    سوالم اینه:
    آیا لزومی داره که ادم با sass کار کنه و sass رو یاد بگیره؟
    پاسخ:
    به نظرم خیلی خوبه که بلد باشی...
    مثلا من خودم الان کار نکردم تاحالا نه sass نه less
    دلیلش میدونی چیه که میگم خوبه بلد باشی؟
    پشتیبانی و نگهداری قالب رو برات راحت میکنه..
    مثلا الان من جایی که مشغول کار هستم یه قالب میزنم برای یه مشتری..
    حالا یه مشتری دیگه هم میاد میگه من این قالبو دوست دارم ولی از رنگ قرمز خوشم نمیاد برام آبی درست کن
    حالا با sass کافیه یه متغیر رنگ بگیری و هر مشتری هر رنگی خواست به راحتی براش تغییر بدی(یعنی فقط شما کافیه یه جا این رنگ رو تغییر بدی توی کل قالب اعمال میشه)
    کلی مزیت دیگه هم داره که توی کار باهاش آشنا میشی
  • ۲۸ آذر ۹۴ ، ۰۵:۲۲
  • سپهر عارفیان
    • سلام
    میدونی چیه ، قبل از اینکه با وبلاگ شما آشنا بشم خیلی در اینترنت دنبال آموزش طراحی قالب واکنش گرا می گشتم ، به قول شما آموزش درست حسابی در اینباره در اینترنت پیدا نمیشه و من هم تو این چند روز اخیر واقعا به این نتیجه رسیده بودم ، فقط یک سایت هست که این اموزش رو داده و اون سایت اومده از sass استفاده کرده.
    برای اینکه قالب واکنش گرا رو یاد بگیرم مجبور شدم یکی دو روزی با sass هم کار کنم، متاسفانه اصلا از sass خوشم نیومد چون دنیای ساده و راحت css رو وارد دنیای پیچیده و مبهم متغیرها کردن...کلی قروفر داره باید نرم افزار Kuala و Ruby رو نصب کنی و کلی دردسر دیگه.

    من از این میترسم sass همه گیر بشه و تبدیل بشه به یک قانون کلی و سادگی css رو تحت تاثیر خودش قرار بده و این خیلی بده.

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

    شرمنده کامنتم خیلی طولانی شد. خیلی دوست دارم بیشتر با هم آشنا بشیم و سعی میکنم بیشتر بیام وبلاگت.
    پاسخ:
    نباید بزاری ترس سراغت بیاد
    تو باید آینده رو نگاه کنی
    کدها و تکنولوژی ها روز به روز داره تغییر میکنه و اگه شما با این تغییرات پیش نری شکست میخوری
    مگه قبلا بوت استرپ بود؟
    مگه قبلا css3 یا html5 بود؟
    حالا sass اولش ترسناک به نظر میرسه ولی خیلی خوبه بلد باشی
    سرعت کدنویسی رو افزایش میده
    پشتیبانی رو راحت تر میکنه
    نگهداری کدها خیلی خیلی راحت تر میشه
    شما نیازی نیست جاوااسکریپت بلد باشی..جاوا اسکریپت برای تازه کارا سخته
    اما وقتی جی کوئری وجود داره نیازی نیست برای شروع جاوااسکریپت یاد بگیری..وقتی حرفه ای تر شدی اونوقت جاوااسکریپت به دردت میخوره(مثلا برای پیاده سازی پترن)اگه نمیدونی پترن چیه سرچ بزن درباره مفهوم دیزاین پترن
    --------------------------------------------------------------------
    پس سعی کن نترسی و بری دنبالش یاد بگیری
    البته همه اینا بستگی به هدفت داره
    باید ببینی هدفت از یاد گیری این مسائل چیه
    هرچی هدف بزرگتر مسیر پیشرفت طولانی تر
  • ۲۹ آذر ۹۴ ، ۰۹:۰۷
  • سپهر عارفیان
    • سلام خوبی سعید جان.

    چند تا سوال داستم:
    1- در قالب های واکنش گرا برای اندازه فونت باید از % استفاده کنیم با از Pt  یا Px

    2- اندازه فوت مناسب برای متن داخل پست ها چند Pt خوبه؟
    من از 9pt استفاده میکنم خوبه؟

    3- من در یک جایی خوندم برای اندازه فون های قالب بهتره از pt استفاده بشه و از px استفاده نشه ، درسته؟چرا؟

    4- من قبلا یک قالب طراحی کردم و لینکش رو در پایین بهت میدم می خواستم ببینی این مدل قالب ها رو میشه تبدیل به واکنش گرا کرد و یا به صورت واکنش گرا ساختشون چون در ساختار این قالب ها عکس زیاد استفاده میشه؟
    http://temic.blogfa.com/

    ممنونم
    پاسخ:
    والا من خودم از px استفاده کردم تا الان به مشکل بر نخوردم..

  • ۲۹ آذر ۹۴ ، ۱۳:۳۹
  • آقای سر به هوا ...
    • سلام رفیق .
    خسته نباشی .
    لینک دانلود جلسه دوم پارت 1 حجم 30mb
    لینک دانلود جلسه دوم پارت 2 حجم 20mb
    این 2تا بریا من مشکل داشت و باز نکرد ! :(
    پاسخ:
    سلام..این دوتا باید کنار هم باشه بعدش پارت اول رو اکسترکت کنی دومیش اتوماتیک اکسترکت میشه
  • ۳۰ آذر ۹۴ ، ۱۲:۰۲
  • zinat
    • سلام


    ممنون از این که اطلاعات خوبتون در اختیار دیگران قرار می دین. من این دو تا لینک دانلود کردم کنار هم دیگه هم قرار دادم ولی وقتی اکسترکت می کنم پوشه خالی هست
    لینک دانلود جلسه دوم پارت 1 حجم 30mb
    لینک دانلود جلسه دوم پارت 2 حجم 20mb
     میشه یه بررسی کنید


     
    پاسخ:
    من همین الان تست کردم مشکلی نداشت
    شاید توی آدرس فارسی قرار میدینشما جفتش رو بریز دسکتاپ
    بعدش اولی رو اکسترکت کن 
  • ۱۰ دی ۹۴ ، ۱۴:۵۵
  • محمد
    • لینک دانلود بخش 5 و 9 مشکل داره 
    اگر میشه لینک اصلاح شده را بزارید
    پاسخ:
    تست کردم اوکی بود مشکلی نداشت
  • ۱۱ دی ۹۴ ، ۲۲:۰۴
  • مسیح
    • سلام اقا دمت گرم آموزشات خیلی عالیه منتظر جلسات بعدی هستم
  • ۱۶ دی ۹۴ ، ۰۹:۳۵
  • حمیدرضا
    • آقا بسیار سپاسگذارم از این آموزش بسیار خوبتون. ایشالا همیشه زنده و سلامت باشید.
    پاسخ:
    قابل شما رو نداشت دوست عزیز ;)
  • ۲۰ دی ۹۴ ، ۰۳:۱۰
  • علی محمدی
    • اقا دمت گرم
  • ۲۱ دی ۹۴ ، ۰۴:۵۹
  • محمد
    • سلام
    آموزشاتون خیلی عالیه:)
    ادامه بدید لطفا...
  • ۲۲ دی ۹۴ ، ۰۹:۴۱
  • امانی
    • ممنون فوق العاده است
    ادامه بدین ممنون تر میشیم
  • ۲۷ دی ۹۴ ، ۱۵:۲۹
  • فاظمه روا
    • کارتون خیلی عالیه خدا قوت وافعا عالی اموزش دادین سپاسسسسسسسسسسسس
  • ۳۰ دی ۹۴ ، ۱۶:۲۲
  • زهرا علیزاده
    • خیلی خیلیییی ممنونم 
    اواسط اموزشم... دارم فیض میبرم :) :) :) :) 
  • ۳۰ دی ۹۴ ، ۱۶:۲۵
  • زهرا علیزاده
    • ببخشید آموزشتون قراره ادامه داشته باشه؟؟
    پاسخ:
    اگه قصدت یاد گیریه بوت استرپه با همینا یاد میگیری و نیازی به ادامه نیست
    اصلش همین گرید بندیشه که کامل توضیح دادم
  • ۰۱ بهمن ۹۴ ، ۱۲:۱۱
  • رضا
    • دمت گرم عالی بود
  • ۰۱ بهمن ۹۴ ، ۱۹:۵۰
  • Saeed.N
    • عرض سلام و خسته نباشید به سعید عزیز.
    ممنون از آموزشهای خوبی که قرار دادی.کیفیت صدا و نحوه بیان ، مطالب آموزشی و ... همه چیز 20.
  • ۰۳ بهمن ۹۴ ، ۱۱:۱۱
  • زهرا علیزاده
    • بعله بعله.....
    عالی بود ....... :)
    ممنوووووووووووووووووووووووووونمممممممممممم ♥♥♥
    پاسخ:
    خواهش میکنم..خوشحالم به دردتون خورده این آموزش ها
  • ۱۲ بهمن ۹۴ ، ۰۱:۱۵
  • مهدی
    • سلام
    مهندس دستت درد نکنه که خیلی ساده بوت استرپ رو آموزش دادی
    خواستم خواهش کنم اگه ممکنه برای تکمیل آموزش بوت استرپ یه آموزش php هم بزن که در پایان هر دو دوره بشه یه سایت داینامیک درست کرد
    حالا مهم نیست خیلی هم سخت بگیرید فقط مباحث رایجی گه در طراحی یک سایت مثلا خبری هست رو بگید و یه قالب برای بخش مدیریت داشته باشه و نحوه خوندن اطلاعات بصورت داینامیک و قرار دادن اونا درون تگ های صفحه رو بگید عالی میشه
    از آموزش هاتون لذت بردیم
    باز هم دستتون درد نکمه
    پاسخ:
    سلام خواهش میکنم
    متاسفانه php کار نیستم من..ولی شاید در آینده یه کارایی بکنم البته نه php 

  • ۱۲ بهمن ۹۴ ، ۱۱:۵۱
  • زهرا
    • سلام 
    خسته نباشید
    واقا عالی و کامل توضیح دادید
    من خودم استاد دانشگام  و  asp  کار میکنم
    فن بیان و جامعیت مطالب عالی بود 
    پاسخ:
    ممنون لطف دارین شما

  • ۱۴ بهمن ۹۴ ، ۰۰:۱۸
  • عباس
    • سلام .
    آموزش تون خیلی خوبه، من فعلا رسیدم تا قسمت 5 ، اونجایی که با حروف aaaaaaaaaaaaaaaaa به مشکل خورید :)
    ببخشید که جسارت می کنم! اما می خوام یه توضیحی در موردش بدم. اون مشکل به این خاطره که در حالت عادی متنی رو می نویسیم همیشه بینش فاصله هایی وجود داره اما در مورد این حروف چون فاصله ای بینش نیست مرورگر دیگه نمی تونه بشکنتش به چند تا خط !!
    بازم ممنونم از آموزشتون. منم گفته ی دوستمون ( زهرا خانم ) رو تایید می کنم.
    تشکر.
    پاسخ:
    سلام..اتفاقا بعدش سرچ زدم فهمیدم داستان چیه
    اولین بار بود به این مشکل بر خوردم
    اما چون گفته بودم فیلم هارو ادیت نمیکنم و به صورت کاملا لایو ضبط میکنم بهتر هستش..شاید یه سری از دوستان بعدا با این مشکلات دست و پنجه نرم کنن..
    البته نظر من اینه که سوتی دادن توی فیلم خیلی خوبه :)) 
    چون ممکنه بقیه بچه ها هم از این سوتی ها بدن..ولی وقتی من سوتی رو میدم دیگه اونا حواسشون رو جمع میکنن سوتی نمیدن ;)
  • ۱۵ بهمن ۹۴ ، ۱۵:۰۳
  • عباس
    • به هر حال بازم ممنونم از آموزش خوبتون!
    فقط من یه مشکل کوچولو با براکت دارم! نمی تونم براش اکستنشن نصب کنم!
    پاسخ:
    با VPN تست کن مییشه
  • ۱۷ بهمن ۹۴ ، ۲۱:۲۷
  • negin
    • واقعا آموزش عالی بود.آموزشی که نه تو هیچ آموزشگاه و نه هیچ سایتی نمیشه پیداش کرد مخصوصا برای افرادی مثل من که صفر هستن.
    واقعا خدا خیرتون بده.
    چه خوبه که هنوز هستن آدمایی که دلشون میاد یه چیزی و بلدن به بقیه هم یاد بدن.
  • ۱۹ بهمن ۹۴ ، ۲۳:۵۲
  • mohammad.mtz
    • سلام سعید عزیز
    قبل از هر چیز بسیار بسیار ممنونم ازت بابت آموزش.
    تنها مرجعی که bootstrap رو درست و حسابی و بصورت پروژه محور آموزش میداد وب شما بود
    واقعا خسته نباشی

    سوالی که داشتم اینه که چطور میشه افکت اسلایدر رو عوض کرد؟
    مثلا بجای اینکه عکسها از راست به چپ برن ، بصورت فید تعویض شن
    ممنونم
    پاسخ:
    سلام.خواهش میکنم دوست عزیز
    خوشحالم به دردتون خورده
    راستش من خودم تاحالا این کارو نکردم که افکتش رو عوض کنم..اما با یه سرچ زدن ساده میتونید پیدا کنید
    اینم هم نمونه کد: 
    http://codepen.io/Rowno/pen/Afykb
  • ۲۱ بهمن ۹۴ ، ۰۰:۵۸
  • mohammad.mtz
    • سلامی دوباره
    ممنونم سعید عزیز از راهنماییت
    یه سوال دیگه داشتم
    میخوام سایز تگ h2 رو به 13px  تغییر بدم.
    کدوم خط از bootstrap.css رو باید تغییر بدم؟
    ممنونم
    پاسخ:
    اصلا بوت استرپ رو تغییر ندین
    استایل رو توی فایل سی اس اس جداگونه بنویسید.
    یه کلاس تعریف کنید و کلاس رو به تگ h1 بدین
  • ۲۵ بهمن ۹۴ ، ۱۸:۳۱
  • beginner programmer
    • سلام سعید
    واقعا مرسی خیلی خوب بود ویدیوها فقط من تقریبا تا قسمت 10 دیدم ابتدای فیلم تو پارت 1 فکر کنم به این اشاره کرده بودی که این نسخه فارسی سازی شده و راست چین شده بوت استرپ جالب نیست ازش استفاده نکنیم و در ادامه متدهایی بهتری برای استفاده از بوت استرپ براس ساخت سایت های فارسی میگیم هنوز چیزی نگفتی ولی نکته خاصی وجود داره؟
    پاسخ:
    سلام..بله زیاد جالب نیست..دلیلشم اینه اگه بوت استرپ ارتقا پیدا بکنه خدا میدونه چه زمانی نسخه راست به چپ بیاد بیرون.پس چه بهتر عادت کنیم از نسخه اصلی استفاده کنیم.
    والا اصلا وقت نکردم دیگه این ویدئو هارو ضبطش رو ادامه بدم..اما اصل داستان همین بود که توی این فیلم ها آموزش دادم.
  • ۲۵ بهمن ۹۴ ، ۲۰:۲۳
  • هیوا
    • سلام

    خداخیرتون بده واقعا ممنون

    ان شاالله که همیشه موفق و تندرست باشید.
    پاسخ:
    سلامت باشی دوست عزیز..
  • ۰۷ اسفند ۹۴ ، ۲۳:۰۵
  • هیوا
    • عرض سلام و ادب

    من تو ریسپانسو هدر مشکل دارم
     
    برای هدرم از کلاس کانتینر استفاده کردم ارتفاعشم 240px گذاشتم یه عکسم گذاشتم با کلاس img-respansive
    وقتی که تو رزولوشن های کمتر امتحانش میکنم عکس کوچیک میشه هم ارتفاعش هم عرضش جوری که اون 240px رو که برای ارتفاع گذاشتم خالی میشه

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

    سپاس
  • ۰۸ اسفند ۹۴ ، ۲۲:۳۸
  • هیوا
    • برادر سعید کجا تشریف دارین؟

    سوالم واقعا ضروریه
  • ۰۸ اسفند ۹۴ ، ۲۳:۳۹
  • هیوا
    • خداروشکر متوجه شدم ایراد کارم کجاست
    رفتم دوباره فیلم ها رو نگاه کردم باید برای عکس هدر min-height میذاشتم


    ان شاالله که عاقبتتون خیر باشه
    پاسخ:
    شرمنده دوست عزیز..یه مقداری سرم شلوغ بود این چند روز..
    خدارو شکر که حل شد.:)
  • ۰۹ اسفند ۹۴ ، ۱۰:۱۷
  • hosein
    • سلام فایل section2.part2 خراب هست وقتی میخوای اکستراکتش کنی ارور میده لطفا بررسی کنید
    پاسخ:
    سلام
    شما باید فایل section2.Part1 رو هم دانود کنید کنار هم قرار بدین بعد پارت اول رو اکسترکت کنید 
  • ۱۲ اسفند ۹۴ ، ۱۶:۳۶
  • کوروش
    • با سلام بسیار زیبا و مفید بود
    خیلی خیلی تشکر
    امیدوارم هر جا که هستید موفق باشید
    پاسخ:
    خوشحالم برای شما مفید بوده
    انشالله شما هم هرجا هستین موفق باشین
  • ۱۳ اسفند ۹۴ ، ۱۲:۱۴
  • adel
    • خیلی خیلی ممنون <3
  • ۱۴ اسفند ۹۴ ، ۰۱:۴۸
  • adel
    • از بس قشنگ توضیح دادی همشو یه روزه دیدم و کار کردم 
    خیلی لطف کردی 
    پاسخ:
    خواهش میکنم دوست عزیز
  • ۲۷ اسفند ۹۴ ، ۱۶:۰۴
  • محسن
    • بهتر نیست موضوع هر قسمت را بنویسید جلوی اون قسمت؟
    پاسخ:
    اینم میشه
    ولی چون با مفهوم بوت استرپ آشنا بشین از فیلم اول تا اخر باید ببینید
  • ۰۱ فروردين ۹۵ ، ۱۰:۵۴
  • سپهر
    • سلام سعید جان:
    یک سوال مهم داشتم.
    اگه دقت کرده باشی کلاس container عرض 1170 پیکسل رو داره حالا اگه من بخوام یک سایت با عرض 1300 پیکسل داشته باشم چکار کنم؟

    مثلا من سایت زومیت رو دیدم این سایت از بوت استرپ استفاده کرده ولی عرض اصلی سایتش 1300 پیکسل هست.

    جریان چیه؟
    پاسخ:
    سلام
    شما به اون کانتینر اصلی یه ایدی بده و به اون ایدی استایل  max-width 1300 بده
  • ۰۵ فروردين ۹۵ ، ۰۴:۵۸
  • مجید
    • الان به سنی رسیدم که حوصله یادگیری هیچی رو ندارم . اما با ویدیوهای شما توی سال نو یه اتفاق نو تو زندگیم افتاد.اونم ایجاد انگیزه بود و یه پل تو زندگیم ایجاد کردی. خیلی آقایی.
    امیدوارم سال خوبی داشته باشی و انشالله به هرچی می خوای برسی.
    پاسخ:
    قربونت اقا مجید
    برای یادگیری هیچوقت دیر نیست..
    موفق باشید
  • ۰۹ ارديبهشت ۹۵ ، ۰۴:۲۰
  • میلاد
    • سلام اقا سعید عزیز بابته اموزش هاتون ممنون دمت گرم 
    داداش اگه این بوت استرپ رو بیشتر ادمه بدی یه دنیا ثواب بردی خیلیا هستن مثل من دنبال اینطور اموزش ها هستن 
    ادامه بده ملت تشنه علمن فقط اب برا خوردن ندارن
    دمت گرم
  • ۱۲ ارديبهشت ۹۵ ، ۱۱:۲۷
  • zs
    • سلام.
    وقتی که میخام به کلاسم رنگ بدم .رنگ نشون داده نمیشه.هرچن که طبق دستورات شما پیش رفتم.
    باتشکر.
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>project</title>

        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/bootstrap.css">
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>

    <body>
        <div class="con red">
            <h1>Hello, world!</h1>

        </div>


    </body>

    </html>
    پاسخ:
    سلام
    احتمالا به اون کلاستون طول و عرض نسبت ندادین..
    width و height براش در نظر بگیرین
  • ۲۳ ارديبهشت ۹۵ ، ۰۹:۰۳
  • سامیه
    • سلام
    ممنون بابت اموزش بسیار مفیدتون.مطمئن باشین توی این دنیا هیچ عملی بدون پاسخ نیست و شما نتیجه این وقت و انرژی که برای ارائه این اموزش ها گذاشتید میبینید.
    بازم تشکر
    یک سوال هم داشتم اگه میتونید راهنماییم کنید
    من با محیط جوملا و تنظیمات و پیکربندی اون کاملا اشنام
    اما هرکاری میکنم نمیدونم منظور از جوملا کار چیه

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

     کن
    پاسخ:
    سلام..خوشحالم که تونستم کمکی به شما بکنم..
    جوملا کار یعنی شما بتونید برای جوملا پلاگین بنویسید ، قالب طراحی کنید و از عهده نیازهای یک مشتری بر بیاین..
    شما باید PHP رو خوب بلد باشی و با سیستم و ساختار جوملا به خوبی آشنا باشی که چجوری براش پلاگین مینویسن
  • ۲۷ ارديبهشت ۹۵ ، ۰۹:۴۷
  • ارسلان
    • سلام ممنون به خاطر آموزشهای عالیتون
    پاسخ:
    سلام...خواهس میکنم دوست عزیز
  • ۲۸ ارديبهشت ۹۵ ، ۰۷:۰۹
  • نورالله
    • سلام، خسته نباشید، در قسمت هشتم این فیلم بوت استرپ، وقتی که فونت آیکون user رو میزارید، من هم مثل همون فیلم گذاشتم ولی آیکون رو نشون نمیده، فایلهای فونت و css رو هم توش گذاشتم و حتی یکبارهم از سایت دانلود کردم، اما همچنان نشون نمیده.
    ممنون میشم اگر کمکم کنید.
    پاسخ:
    فقط این آیکن رو نشون نمیده یا اینکه آیکن های دیگه هم لود نمیکنه؟
  • ۲۸ ارديبهشت ۹۵ ، ۱۱:۲۳
  • نورالله
    • چندتا دیگه از آیکنهای سایت fontawesome.io رو درج کردم مانند کد زیر نشون نمیده
    <a class="btn btn-success" href="#">ورود کاربران <i class="fa fa-circle"></i></a>
    اما با فونت آیکون های glyphicon مشکلی نداره مانند کد زیر:
    <span class="glyphicon glyphicon-search"></span>
    پاسخ:
    سورست رو یه جا آپلود کن بفرست برام بررسی کنم یا یه دموی آنلاین بزار
  • ۲۸ ارديبهشت ۹۵ ، ۱۴:۴۳
  • نورالله
    • مشکل اول: نشان ندادن فونت آیکون در ردیف اول
    مشکل دوم: هم تراز نشدن سطر آخر با سط قبلیش با توجه به ویدئو شماره 10

    آدرس فایل: http://s7.picofile.com/file/8251769442/bootstrapProject.zip.html
    پاسخ:
    فدات شم فایل سی اس اس Font awesome رو چرا نذاشتی توی صفحه؟
  • ۲۸ ارديبهشت ۹۵ ، ۱۵:۳۵
  • نورالله
    • منظورتون اینه که لینک زیر رو در بالای صفحه index.html اضافه کنم جاش دقیق باید کجای تگ head باشه، مشکل دوم هنوز وجود داره

    <link rel="stylesheet" href="css/font-awesome.css">
     اگه میشه فایل رو اصلاح کنید برام ایمیل کنید یا آپلود کنید چون اینجوری فکرکنم زیاد طول بکشه تا مشکل حل شه
  • ۳۰ ارديبهشت ۹۵ ، ۱۲:۱۹
  • نورالله
    • ممنونم مشکلم حل شد، مشکل دوم تگ div بسته نشده بود واسه همین به هم ریخته بود، ولی فکر کنم همه چیز بوت استرپ گفته نشده، اگه ادامه بدید عالی میشه
  • ۰۲ خرداد ۹۵ ، ۱۲:۰۴
  • شاهو
    • سلام داداش دمت گرم خیلی عالی بود
  • ۰۷ خرداد ۹۵ ، ۲۰:۳۹
  • Peyman U3feE
    • سلام و خسته نباشید خدمت استاد عزیز سعید خان....
    واقعا دست مریضاد...ایول تمام باس بت گف چون تا بحال انقدر روان و عالی ندیده و نشنیده بودم، معرفتت زیاده که رایگان یه همچین شاهکاری کردی...از خدا هرچی میخای بت بده انشالله..بدونکه منوباقی دوستان هم برای موفقیتت آرزومندیم. کوچیک شما: پیمان.ی.
    پاسخ:
    سلام..خواهش میکنم دوست عزیز..خوشحالم تونستم کمکی بکنم بهتون
  • ۰۹ خرداد ۹۵ ، ۱۱:۰۳
  • امیرحسین آقاجانی
    • سلام،
    ممنون بابت آموزش های تصویری که واقعا شیوا و با کیفیت هستن!
    یه سوال داشتم:
    نمیدونم کجای این نرم افزار براکت رو دست زدم که مثلا وسط یه کلمه رو انتخاب میکنم برای ادیت، ادامه ی جمله پاک میشه!
    باید چیکار کنم؟ :(
    ممنون
    پاسخ:
    سلام والا تاحالا به این مشکل بر نخوردم 
  • ۰۹ خرداد ۹۵ ، ۱۴:۰۸
  • طیبه
    • سلام. بنظرم خیلییی عالی بود .مخصوصا که پروژه محور بود . چندتایی اموزش دیدم اما اصلا پروژه محور نبودن. مررسی. فقط ممنون میشیم اگه ادامه روهم تدریس کنین. 
  • ۰۹ خرداد ۹۵ ، ۲۳:۰۸
  • امیرحسین آقاجانی
    • مشکل قبلی اینجوری حل میشه:
    یه بار دکمه نام لاک رو میزنی، بعد دکمه صفر، بعد دوباره دکمه ی Num Lock
    الان یه مشکل دیگه دارم!
    تو ویدعو قالب وقتی XS میشه سه تا بلاک میاد زیر هم!
    اما من تو مرورگرام مشکل دارم و تا جوون دارن میرن تو هم :(
    چیکار کنم ؟؟؟
    پاسخ:
    خوب الان من که نمیتونم اینجوری بفهمم مشکلت چیه..باید دموی آنلاین بزاری..قالبت رو یه جایی آپلود کن بعد لینکش رو بفرست
  • ۱۰ خرداد ۹۵ ، ۰۹:۴۵
  • امیرحسین آقاجانی
    • http://appleid.ws/tabarsi2
    قسمت فوتر،
    قسمت پیوندها
    وقتی صفحه کوچیک میشه زیر هم نمیاد!
    با آیفون تست کردم :(
    پاسخ:
    معلومه گرید بندی رو خوب یاد نگرفتی
    الان نوشتی براشون توی حالت xs بشن 4تایی
    شما کل اون کلاس های col-xs رو که دادی ازشون حذف کن درست میشه
  • ۱۰ خرداد ۹۵ ، ۱۵:۳۴
  • نورالله
    • سلام، خسته نباشید، من توی صفحه مدیریت سایتم در یک ردیف دو تا ستون تعریف کردم، یک ستون برای محتوا و یک ستون برای سایدبار یا همون صفحه های مختلف مدیریت، چه جوری میشه وقتی ستون محتوا داره زیاد میشه، ارتفاع ستون سایدبارهم مساوی با آن زیاد بشه، الان در حال حاظر وقتی اطلاعات محتوا زیاد میشه ستون اول ارتفاعش زیاد میشه و ستون دوم ارتفاعش ثابت هست که باعث زشت شدن کل پنل مدیریت میشود. خواهشا راهنمایی کنید.
    پاسخ:
    شما باید کد جی کوئری بنویسی واسه این کار
    به این صورت که با جی کوئری ارتفاع سایدبار و محتوی رو میگیری ..با یه شرط چک میکنی کدوم بزرگتره..بعدش اونی که بزرگتر هست رو با دستورات جی کوئری به عنوان ارتفاع مشخص میکنی..
  • ۱۰ خرداد ۹۵ ، ۱۶:۲۵
  • امیرحسین آقاجانی
    • مچکرم :)
  • ۱۰ خرداد ۹۵ ، ۲۰:۱۸
  • نورالله
    • خیلی متشکرم
  • ۱۱ خرداد ۹۵ ، ۱۱:۴۴
  • نورالله
    • سلام، آقا نمیشه توی صفحه مدیریت سایت که یک بخشی از اون دوتا لینک به دو صفحه مختلف داره و یکی از صفحات لینکی داخلش هست بعد از کلیک کردن مقداری رو به صفحه دوم بفرسته و در اون صفحه استفاده بشه  مانند:
    </a>  ویرایش<"a href="2.php?id=$id">
    حالا سوال من اینجاست که میشه از طریق بوت استرپ در قسمت tabs و  pills مانند این لینک:
    http://www.w3schools.com/bootstrap/bootstrap_tabs_pills.asp
    میشه همین کارو انجام داد که دو تا صفحه هم تعریف نشه و بعد از کلیک کردن تگ <a> در تب اولی خودکار با مقدار ارسالی به  تب دوم بره و اطلاعاتو نشون بده
  • ۱۲ خرداد ۹۵ ، ۲۰:۳۴
  • آرش
    • سلام و ممنون برای کار قشنگی که میکنین
    خواستم بگم فیلم شماره 2 پارت دومش موقعی که از حالت فشرده میخوام خارجش کنم  ارور میده.دوبارم دانلود کردم ولی ارور میده لطفا پیگیری کنید
    پاسخ:
    2ta part bayad kenare ham bashe moghe extract
  • ۱۵ خرداد ۹۵ ، ۱۳:۰۹
  • پیمان
    • سلام
    من کلا نه ادمیم که بخوام هندونه زیربغل بدم ن که بخوام روحسابی طرفو کنف کنم... نه ...
    درکل خیلی شیوا و روان و جالب و واقعا عالی بود سعید جان خدا عمرت بده.
    کم گشتم تو سایت آپارات..یوتیوب وووو واقعا ندیدم به این صورت ازتم میخوام ادامه بدی کارو و به انرژی های منفیم توجه نکنی چون همیشه اینچیزاها میخان سدراه بشن اما ما بایست حواسمون باشه و اینهارو برای پیشرفتمون ازش دورباشیم.. موفق باشید./.
    پاسخ:
    مرسی دوست عزیز از این همه انرژی..
    در آینده نه چندان دور این بلاگ رو تبدیل به یه وب سایت میکنم..
    هدف اصلیم از ضبط این فیلم ها این بود ببینم چقدر بازخورد مثبت و منفی میاد..
    خوشبختانه اکثر دوستان از نحوه تدریس راضی بودن..
    تا چند ماهه دیگه با کلی فیلم آموزشی در خدمت دوستان هستم.
    هم سمت سرور ساید هم سمت کلاینت ساید.
  • ۱۶ خرداد ۹۵ ، ۱۴:۰۳
  • آرش
    • سلام و ممنون برای آموزش تا بخش چهار دیدم واقعا عالیه

    سوالم اینه امروز دیدم بوت استرپ 4 هم اومده ولی من با ورژن 3.6.6  دارم آموزش رو دنبال میکنم.چطور میشه وسط کار یک پروژه بوت استرپ رو ارتقا داد؟
    اصلا آیا این کار امکانش هست؟آیا این کار درسته؟
    پاسخ:
    بوت استرپ 4 خیلی تفاوت نداره با ورژن 3
    زیاد نگرانش نباش

  • ۲۰ خرداد ۹۵ ، ۲۳:۴۹
  • محسن
    • چگونه متن هم ریسپانسیو کنیم
    مثلا وقتی تو موبایله 10 پیکسل باشه و تو دسکتاپ 15 پیکسل؟
    پاسخ:
    https://css-tricks.com/viewport-sized-typography/

    این لینک رو بخون
    ------------------
    البته میتونی با دستورات مدیا کوئری هم این کار رو بکنی..دربارش سرچ کن
  • ۲۲ خرداد ۹۵ ، ۰۲:۵۳
  • علی
    • ممنون از زحمتی که کشیدی واقعا استفاده بردم. فقط فایل جلسه اول و دوم خرابه میشه محبت کنین درست کنین؟؟؟
    پاسخ:
    سلام..متاسفانه من این آموزش هارو پارسال ضبط کردم اصلا فایلهاش رو نمیدونم کجا گذاشتم..ولی یه سری جلسات رو فایل های سورسش رو قرار دادم میتونید از اونا استفاده کنید
  • ۲۹ خرداد ۹۵ ، ۱۳:۴۴
  • آرش
    • سلام و واقعا باید بگم عاااااالی
    خواهشا این کار قشنگ رو ادامه بده و چند نکته
    اول لطفا سبک کار رو تغییر نده همینکه طبیعی حرف میزنی روی فیلم و حتی اون قسمتا که جایی اشتباه میشد و از فیم جداش نمیکردی واقعا خوب بود و حس مصنوعی بودن نداشت
    دوم خواهشا آموزش هارو ادامه بده و رایگان
    سوم لطفا در کنار آموزش ها درباره سایت های کمکی که البته تو بخش نظرات اشاره کردی توی آموزش ها هم استفاده کن و معرفیشون کن
  • ۰۲ تیر ۹۵ ، ۱۱:۱۵
  • کاربر
    • سلام ممنون از اموزش خوب بوت استرپ
    خیلی خوبه که برا اموزش این قدر طبیعی کار میکنید  حتی اون قسمت هایی که به اشکال برمیخورید رو قرار میدید
  • ۰۸ تیر ۹۵ ، ۰۰:۴۴
  • پیمان
    • فدات رفیق گلم..... ممنون که نظرمو خوندی و گاسخ توپیم دادی ایوووووووووووووول.. امیدوارم با دسته پر سایتتو آپدیت کنی و ثواب اخرویشم ببری. موفقیتت آرزوی قلبمی.
  • ۰۹ تیر ۹۵ ، ۱۳:۱۸
  • نشریه فارکس یار
    • بسیار عالی
    استفاده بردم. برکت ارزانی زندگی و کار شما
  • ۱۱ تیر ۹۵ ، ۰۹:۵۵
  • ارزو
    • تشکر فراوان
  • ۱۲ تیر ۹۵ ، ۱۱:۰۴
  • وحید
    • دوست عزیز و میتونم بگم استاد عزیز ( چون هم ازتون مطلب یاد گرفتم هم شخصیت یک استاد خوب رو در کاراتون دیدم ) واقعا ممنونم ازتون  . اینکه ویدئو ها رو ادیت نمیکنید و عامیانه و محاوره ای و دوستانه توضیح میدید و اگه جایی مشکلی هست هم حذف نمیکنید خییییلی حس خوبی به آدم دست میده و مطلب برای مخاطب بهتر جا می افته . احساس میکنم انگار یکی از دوستای صمیمیم کنارم نشسته و داره بهم یاد میده :) با تشکر فراوان از زحماتتون .
    پاسخ:
    مرسی از این همه انرژی :) 
    امیدوارم تونسته باشم بهت کمکی بکنم
  • ۱۳ تیر ۹۵ ، ۱۹:۰۲
  • مسعود
    • خیلی خیلی خیلی ..... دمت گرم آقا

    ممنون بابت آموزش مفید شما ...

    روز به روز موفق تر باشید
  • ۱۸ تیر ۹۵ ، ۱۳:۴۰
  • آمنه
    • سلام اول خیلی خیلی خیلی ممنون از آموزش هاتون
    فقط کاش ادامه داشت، ساخت سایدبار، تب ها، شماره ی صحات پایین برگه ها، ویرایش بوت استرپ منظورم اینه که همه دکمه هامون شبیه هم نباشه 

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

  • ۱۹ تیر ۹۵ ، ۱۶:۰۰
  • نرگس
    • سلام.فیلماتون خیلی خوبه ولی قسمت سه ودوهاش خراب شده اکسترکت نمیشه:/
    پاسخ:
    سلام...اون قسمت ها باید کنار هم باشن تا بشه اسکترکت کرد
    با winrar بخش بندیش کردم
  • ۲۵ تیر ۹۵ ، ۲۳:۵۱
  • h@mid
    • با سلام 
    این اموزش ادامه نداره مخصوصا برای منو ها
    مرسی از اموزش خوبتون
    پاسخ:
    سلام..در آینده احتمالا یه آموزش جدید ضبط بشه
  • ۲۶ تیر ۹۵ ، ۲۰:۴۳
  • shr
    • با سلام.من تازه امروز شروع کردم به یادگیری بوت استرپ و با دیدن سه قسمت اول فیلم های آموزشیتون خواستم ازتون تشکر کنم. بسیار ساده و قابل فهم توضیح دادین. خیلی خیلی ممنونم. بسیار عالی بود
    پاسخ:
    خواهش میکنم....ایشالله موفق باشید
  • ۳۱ تیر ۹۵ ، ۰۴:۲۳
  • elahe
    • عالی بود
    عااااااااااااااااالی
  • ۳۱ تیر ۹۵ ، ۲۲:۰۲
  • یزدان
    • با درود
    جناب کشاورز واقعا عالی و بی نظیر بود.
    ممنون از زحماتتون.
    پاسخ:
    سلام..خواهش میکنم ;)
  • ۰۱ مرداد ۹۵ ، ۰۰:۳۲
  • Ali
    • محتوای قسمت دوم
    لینک دانلود جلسه دوم پارت 2
    Section2.part2

    از حالت فشرده باز نمی شود.
    پاسخ:
    باید Section2.Part1 رو هم دانلود کنید
    این دوتا فایل رو کنار هم قرار بدین  و پارت یک رو اکسترکت کنید
  • ۱۷ مرداد ۹۵ ، ۰۸:۵۰
  • رضا

    • با سلام و  خسته نباشید

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

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

    پیشاپیش  سپاسگذارم
  • ۱۸ مرداد ۹۵ ، ۰۰:۴۵
  • رضا

    •  بابت شیوایی و جذابیت تدریستون ممنونم.

    بی صبرانه منتظر ادامه آموزش هستیم.

    موفق باشید
  • ۲۲ مرداد ۹۵ ، ۱۷:۳۵
  • roholah !!
    • سلام
    تا جلسه سوم فیلم هارو دیدم خیلی عالی بود
    با این حرفتون که آموزش درستو واضحی تو نت برای بوت استرپ به زبان فارسی نیست تقریبا موافقم :)
    خوب شد به این وبلاگ برخوردم :)
  • ۲۸ مرداد ۹۵ ، ۱۸:۱۶
  • shirin
    • سلام 
    ممنون از اموزش هاتون میشه لطفا ساخت منو ها رو هم اموزش بدید
  • ۳۱ مرداد ۹۵ ، ۱۲:۲۵
  • اسی
    • دمت گرم اینقدر ساده و روون توضیح دادی که ترسم ریخت همشو امروز نگاه میکن
  • ۳۱ مرداد ۹۵ ، ۱۹:۱۱
  • هرا
    • سلام
    من امروز قسمت هشتم ویدئو هاتونو دیدم و تمام کارایی که برای اضافه کردن فونت آیکون انجام دادید رو انجام دادم ولی متااسفانه آیکون مورد نظرم اضافه نمیشه .
    همه چیز درست و سرجاسه ولی دلیل اضافه نشدنشو نمیدونم.
    لطفا راهنمایی کنید
    ممنون از وبلاگتون ..واقعا عالیه
    پاسخ:
    احتمالا فایل های سی اس اس رو درست اتچ نکردید و یا اینکه فونت ها به درستی اتچ نشدن
    میتونید توی این گروه تلگرامی عضو بشید و مشکلاتتون رو مطرح کنید 
    https://telegram.me/joinchat/BdCtHz91jeC9wfUuKkp14g
  • ۰۱ شهریور ۹۵ ، ۱۵:۲۴
  • rashooda
    • چرا افزونه beautify واسه من کار نمی کنه؟؟ 
    پاسخ:
    احتمالا اشتباه نصب کردی..
    چون هم نام با این افزونه فکر کنم وجود داره 
  • ۰۲ شهریور ۹۵ ، ۰۹:۱۷
  • ایمان
    • سلام خسته نباشین من برای طراحی سایتم از بوت استرپ استفاده کردم و هم از خود بوت استرپ و هم از بوت استرپ rtl شده و لینک هایی که دادم هم ظاهرا اشکالی نداره اما در دیوایس تبلت و موبایل اسکرول افقی میفته و بهم میریزه میخواستم راهنماییم کنین علت رو پیدا کنم ممنون
    پاسخ:
    سلام...
    فقط با inspect کردن صفحه میتونید بفهمید که علت چیه
    یکیش میتونه این باشه که تصاویر شما ریسپانسیو نیستن و باعث میشه این اتفاق بیوفته
  • ۱۹ شهریور ۹۵ ، ۱۳:۳۲
  • Ali
    • سلام ممنون از شما
    1 - لینک سایت براکت را می خواستم که بتوانم کدهای امت را پیدا کنم.
    2 - تو جلسه 12 گفتید که در آموزش های بعدی در صورتی که جلسه 12 به بعد برای دانلود نیست.
    با سپاس
    پاسخ:
    سلام..
    brackets.io
    فعلا فرصت ضبط نیست 
    اما با همین ها هم کاملا گرید بندی رو یاد میگیرید
  • ۲۴ شهریور ۹۵ ، ۰۶:۴۱
  • کابر

    • سلام

    تشکر از زحمات شما
  • ۲۷ شهریور ۹۵ ، ۱۱:۵۷
  • davood
    • سلام مهندس سعید .
    من کلا ادمه تنبلی هستم و اصلا رو سایت ها نظر نمیدم . ولی اموزش های شما اینقد خول بود که بر تنبلیم علبه کردم و گفتم یه بی انصافیه به تشکر عمیق لزتون نداشته باشم. تن صداتون عالی تسلط عالی نحوه اموزش مختصر و مفید همه چی خوب . مرسی از زحماتتون
    پاسخ:
    سلام..
    خواهش میکنم آقا داوود
    خودمم کلا آدم تنبلی هستم زیاد نگران نباش تنبل چیز بدی نیست ;)
  • ۱۲ مهر ۹۵ ، ۱۵:۳۱
  • Arman
    • سلام ...
    مهندس من یه row تعریف کردم و 2تا عکس گذاشتم داخلش ولی عکس دومی نصفه میفته.
    دلیلش چیه ؟
    کدش رو قرار میدم.

    <div class="row mgt5 blue">
               
                <div style="padding-left: 0px;" class="col-md-8 col-lg-8">
                   
                    <div class="img_home">
                   
                        <div><img class="img-responsive" src="{% static 'images/website/index_image/3.jpg' %}"></div>

                        <div><form autocomplete="off" class="form-horizontal col-lg-6">{% csrf_token %}
                                <input autofocus class="form-control text-center" type="Search" name="search" placeholder="Search ...!">
                                <input class="hidden" id="co-send" type="submit" value="Send">
                            </form>
                        </div>
               
                    </div>
                </div>


                <div style="padding: 0px;" class="col-md-4 col-lg-4">
                    <div class="img_barik">
                        <div><img class="img-responsive" src="{% static 'images/website/index_image/winter.jpg' %}"></div></div>
    پاسخ:
    سلام..میتونی دموی آنلاین قرار بدی؟
  • ۱۳ مهر ۹۵ ، ۰۱:۰۱
  • تازه کار

    • عالی بودددددد سپاسسسسس
  • ۱۳ مهر ۹۵ ، ۱۲:۰۷
  • Arman
    • http://s8.picofile.com/file/8269602734/2.jpg

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

    ممنون
    پاسخ:
    بیاین توی این گروه سوال خودتون رو مطرح کنید
    https://telegram.me/joinchat/BdCtHz91jeBoP3ftB6ryJA
  • ۰۳ آبان ۹۵ ، ۱۶:۴۷
  • Arman
    • سلام ...
    واسه ریسپانسیو کردن ویدیو باید چیکار کرد ؟
    پاسخ:
    سلام یه دموی آنلاین قرار بدین از کارتون تا بگم
  • ۱۲ آبان ۹۵ ، ۱۳:۴۵
  • مسعود
    • سلام
    بابت اموزش ارزشمندتون ممنونم
    قسمت های بعدی رو از( 12 به بعد) از کجا میشه دانلود کرد ؟
    پاسخ:
    سلام...متاسفانه فرصت نشد ضبط کنم فعلا
  • ۲۳ آبان ۹۵ ، ۱۳:۲۵
  • مسعود
    • لطفا نحوه اتصال بوت استراپ به جوملا 3 رو هم آموزش بدید
    پاسخ:
    بوت استرپ ربطی به جوملا نداره ها..شما باید آموزش طراحی قالب جوملا رو سرچ کنید
  • ۲۴ آبان ۹۵ ، ۰۱:۰۰
  • پریسا
    • سلام. من قبلا آموزش HTML و CSS شما رو دیده بودم . بعدشم  bootstrap همش عالی بود. چرا آموزشای دیگه نمیذارید. مطمئنم استقبال فوق العاده ای ازش میشه
    پاسخ:
    ممنون از شما نظر لطفتونه..راستش فرصت ضبط کردن دیگه نیست..در آینده اگه شد حتما این کارو میکنم
  • ۲۴ آبان ۹۵ ، ۰۹:۲۶
  • ملودی
    • با سلام و سپاس از آموزش خوبتون
    چجوری فایرفاکس کنار براکتم قرار بدم و بتونم استفاده کنم من نمیتونم نتیجه کدهامو تو بروزر ببینم؟؟
    پاسخ:
    فکر کنم فقط با کروم سازگار باشه
    اسک پلاگینش Open in browser هست
  • ۲۴ آبان ۹۵ ، ۱۳:۴۶
  • حامد
    • ممنون
    قدرت آموزش خوبی دارید
  • ۲۵ آبان ۹۵ ، ۱۱:۲۳
  • elnazfarahmand
    • سلام
    جلسه دوم بخش دوم بعد از دانلود کامل متاسفانه امکان دیدن فیلم وجود نداره و ارور میده .چند بار دانلود کردم اما به مشکل خوردم می شه راهنمایی بفرمایید . ممنون
    پاسخ:
    مشکل خاصی نداره هاا...ببینید اینو دو پارت کردم
    باید پارت یک و دو کنار هم باشه و شما پارت یک رو اکسترکت کنید..پارت دو خود به خود اکسترکت میشه
  • ۲۶ آبان ۹۵ ، ۱۵:۱۶
  • monika
    • میخواستم تشکر کنم بخاطر فیلم آموزشی مفیدتون البته من هنوز 4 قسمتشو دیدم اما تو این 4 قسمت واقعا به خیلی از سوالاتم پاسخ داده شد...
    و کلا اینکه اقا دستتون درد نکنه من یکی رو از سردرگمی نجات دادید
    سپاس
    پاسخ:
    خواهش میکنم دوست عزیز
  • ۰۱ آذر ۹۵ ، ۱۷:۱۴
  • mahyar
    • سلام
    اول ازتون تشکر میکنم به خاطر آموزش مفیدتون.
    اما سوال من اینه که با توجه با نحوه آموزش شما توی قسمت 10 واسه لایه بندی سایت تعداد divهای تودرتو خیلی زیاد میشن این روی سرعت لود شدن سایت تاثیر منفی نداره؟ و بهتر نیست که ما به جای div های زیاد استایل هامون رو به یک div بدیم؟
    با تشکر
    پاسخ:
    سلام..توی سرعت لود سایت به چشم نمیاد...
    در کل فاکتور های مهمتری توی سرعت لود سایت وجود دارند که شما اصل داستان رو بیخیال شدین و به مسائل کم اهمیت دارید بها میدین..
    تعریف div تو در تو میتونم بگم اصلا بی اهمیته در سرعت لود سایت
    موفق باشید
  • ۰۳ آذر ۹۵ ، ۲۰:۵۶
  • hadi 066
    • خدا خیرتون بده
    خیلی خوبه کارتون
  • ۱۴ آذر ۹۵ ، ۲۱:۴۵
  • Maryam
    • مرسی عالی بود 
  • ۲۰ آذر ۹۵ ، ۲۱:۰۵
  • Abbass
    • سلام سعید جان ولا من تقریبا کامنت های این وب لاگ رو هم خوندم!!چون واقعا کار این آموزشت عالی بود و اینم بگم اصلا از Bootsrapچیزی نمیدونستم من قالب میزدم ولی ساده باhtml,cssمعمولی ولی خداییش خیلی عالی بود.تو این کامنت ها  بعضی از دوستان ناراضی بودن ولی باید گفت برا این فیلم زحمت کشیده شده و بطور رایگان دراختیار عموم گذاشته شده و ب نظرم خیلی بی انصافی ک از طرف انتقاد بدی داشته باشیم البته خوبه ک ادم انتقاد پذیر باشه و شما هم گفتید ک مشکلی ندارید.بطور خلاصه بگم تازه فهمیدم اصلا bootsrapبه چی میگن.خسته نباشی دلاور..........
    پاسخ:
    سلام...خوشحالم که این آموزش ها به دردت خورده..
    خدا قوت پهلوان D:
  • ۲۷ آذر ۹۵ ، ۲۰:۴۸
  • پریسا
    • عالییییی بود!! بهتر از نمی شد خیلیی مفید بود. واقعا خسته نباشید. 
  • ۰۲ دی ۹۵ ، ۰۰:۲۴
  • Naeim
    • سلام
    واقعا دستتون درد نکنه، عالی بود
    من همشو تو 2 روز نگاه کردم
    فقط میخواستم بدونم ادامه داره این آموزش یا تموم شد. چون احساس میکنم خیلی بازم جا داره واسه کار...
    پاسخ:
    سلام دوست عزیز...همین آموزش های برای کار کردن با گرید بندی کافیه..
    اما برای استفاده از کامپوننت های دیگه خیلی راحت میتونید از سایت بوت استرپ استفاده کنید.
    اما چون مبحث گرید بندی یکم سخته براتون به صورت فیلم آماده کردم
    فعلا این آموزش ها ادامه نداره تا سر فرصت یکی بهتر ضبط کنم
  • ۰۷ دی ۹۵ ، ۱۷:۲۵
  • بهنام عیوض پور
    • ممنون مهندس
  • ۰۲ بهمن ۹۵ ، ۲۲:۰۶
  • hosien
    • سلام. واقعا حرف نداشت. نمره 20 میدم.انصافا که با اموزشهای دیگه خیلی خیلی فرق داشت. من 2 سری اموزش بوت استرپ از سایت فرانش گرفتم ولی مثله اموزشه شما اصلا اصولی نبود
    دمتگرم .عالیییییییییییییییییی
  • ۲۰ بهمن ۹۵ ، ۱۱:۳۹
  • مریم
    • عاااااااااالی عاااااااالی عاااااااااالی 
    ساده و روان . واقعا ممنونم. من هیچی از بوت استرپ نمیدونستم
    ولی گفته بودید ادامه میدید آموزشو . کاش این کارو بکنید 
    پاسخ:
    حتما حتما ادامه میدم....احتمالا توی عید ضبط کنم
  • ۲۳ بهمن ۹۵ ، ۱۱:۰۶
  • ali bakhtiari
    • عرض ادب و احترام
    واقعا ممنون از اینکه این قدر وقت گذاشتید و به صورت عملی و قدم به قدم این مبحث رو توضیح دادید و مهمتر اینکه بصورت کاملا رایگان در اختیار بقیه گذاشتیدمن ترجمه فارسی و حتی خود انگلیسی ش رو خوندم ولی کاملا گیج شدم، ولی با دانلود ویدئو های شما وب سایتمو ریسپانسیو کردم
    بازم ممنون
    پاسخ:
    خواهش میکنم دوست عزیز...خوشحالم استفاده کردین
  • ۰۲ اسفند ۹۵ ، ۲۰:۰۶
  • سارا
    • سلام خیلی خیلی خیلی عالی بود 
    ممنون و خسته نباشید
    شما در قسمت 12 گفتین که چیزهای دیگه ایی هم یاد می دهید ولی فایلش نیست هنوز ضبط نشده یا مشکل از منه
    پاسخ:
    سلام...متاسفانه دیگه وقت نشد ضبط کنم..
  • ۰۶ اسفند ۹۵ ، ۱۴:۱۰
  • نادر
    • سلام و خسته نباشید.
    بهترین آموزشو من از تو شما تو کل سایت ایرانی دیدم.واقعاااا عالی و واقعا عالییییی.
    خواهشا بنا به درخواست کلی از دانشجو ها که گفتن.
    خواهشا ادامه بدید واقعا منتظریم مهندس کشاورز.
    پاسخ:
    چشم دوست عزیز...حتما
  • ۰۹ اسفند ۹۵ ، ۰۱:۱۱
  • محمد‌رضوی
    • سلام دوست عزیز
    واقعا‌ عاااااالیه
    من شدیدا منتظر آموزش های بیشتر در قسمت های دیگه مثل قالب وردپزس ازتون هستم؟؟؟؟
    فایل آموزشی دیگه ای دارید؟؟؟
    یا اگه کسی رو میشناسید ک مثل خودتون آموزش بده ممنون میشم راهنماایی گنید.
    با تشکر
    پاسخ:
    سلام.ممنون لطف دارید...آموزش های بیشتر هم قراره توی عیداستارت بزنم برای ضبط...اینکه کی تموم بشه رو نمیدونم..اما فعلا در زمینه وردپرس ضبط نمیکنم
  • ۲۰ اسفند ۹۵ ، ۲۲:۳۷
  • حسین
    • سلام اول تشکر میکنم بابت این آموزش خوبتون.خدا به شما خیر بده.من تو باز کردن فایلهی قسمت دوم مشکل دارم وبرام باز نمیشن
    پاسخ:
    سلام توضیح داده بودم توی پست:
    تذکر مهم: فایل های جلسه دوم را دانلود کرده و در یک پوشه کنار هم قرار دهید.سپس پارت اول را با Winrar اکسترکت کنید

  • ۲۳ اسفند ۹۵ ، ۰۹:۳۸
  • فاطمه
    • سلام
    بابت اموزش های خوبتون ممنونم.
    افزونه ها نصب نمی شوند.
    لطفا راهنمایی بفرمایید.
    ممنون میشم.
    موفق باشید
    پاسخ:
    سلام..برای بعضی از کاربرانه نصب نمیشه..از یه ف_یل_تر شکن استفاده کنید
  • ۲۶ اسفند ۹۵ ، ۰۹:۳۰
  • محمد
    • خیلی خوب بود.
    خیلی زحمت کشیده بودی . خسته نباشی
    یک نکته رو باید در نظر میگرفتی که کسی که میخواد با این فریم ورک کار کنه html و css بلده.  فقط میخواد با کلاس های بوت استراپ اشنا بشه. خیلی میتونستی از حاشیه ها کم کنی و بجاش کلاس ها و کاربردهای بیشتری از بوت استراپ بگی. در واقع شما فقط گرید بندی رو تا حدودی گفته بودی. یک نکته کلیدی و مهم رو از آموزش هات یاد گرفتم که ازت ممنونم.
     البته اسلایدر هم گفتی که ممکنه برای بعضی ها لازم باشه.
    موفق باشید.
    تالار
    پاسخ:
    سلام..کاملا حق با شماس..انشالله در فیلم های بعدی این موارد حتما لحاظ میشه
  • ۱۸ فروردين ۹۶ ، ۱۹:۰۵
  • sara
    • سلام. واقعا عالی بود شما محشرید.بقیه سایتا که میری چند جلسه رایگان میزان واسه بقیه اش پول میگیرن ولی شما نه تنها پول نگرفتین بلکه خیلی ساده و شیوا توضیح دادین.خدا خیرتون بده.من که دعاتون میکنم.ممنون میشم آموزش های php و جی کوریو  جاواسکریپت رو هم بزارین.
    پاسخ:
    سلام...خیلی خوشحالم که آموزش ها به دردتون خورد...متاسفانه php کار نکردم زیاد...اما سعی میکنم یه پک جی کوئری درست حسابی ضبط کنم
  • ۲۷ فروردين ۹۶ ، ۲۰:۵۲
  • محمد
    • سلام
    واقعا ازت ممنونم دوسته عزیز فوق العاده بود.فوق العاده
    فقط یه سوال بزرگ دارم ک extention ها برای ویژوال استودیو رو چطور نصب کنیم
    ک مثلا با نوشتن
    .lorem
    کل نوشته بیاد.لطفا جوابه منو بدین
    بازم مرسی
    پاسخ:
    سلام....من اصلا توی ویژوال کد U I نمیزنم....تاحالا نصب  کردم این موارد رو
  • ۰۲ ارديبهشت ۹۶ ، ۰۰:۳۸
  • sina
    • سلام و عرض خدا قوت.
    خیلی آموزش کاربردی و خوبی تهیه کردید، از لطف شما بسیار ممنون هستم.
    سوال ساده ای داشتم. من از آیکن های فونت awesome استفاده کردم ولی نمیدونم چرا به جای هر آیکن که استفاده میکنم، فقط یک مربع نمایش میده.
    ممنون میشم این لینک بررسی کنید.
    دریافت سورس
    پاسخ:
    سلام...
    چندتا علت داره 
    احتمالا آدرس دهی فونت شما اشتباهه

  • ۱۲ خرداد ۹۶ ، ۱۴:۱۵
  • جمشید
    • سلام
    اموزشتون خیلی روان و واضحه
    من قالبم رسپانسیو کردم ولی مشکلی که پیش میاد تو قسمت منو آبشاری سایتمه
    اگه امکانش هست رسپانسیو کردن منو آبشاری هم توضیح بدید
    شکل منوم این طوریکه که وقتی رو منو میری زیر منوها تو سمت چب باز میشه
    پاسخ:
    سلام...توی گروه عضو بشین لینکش توی بلاگ هست..
    مشکلتون رو اونجا مطرح کنید
  • ۰۸ تیر ۹۶ ، ۰۹:۳۳
  • محمود
    • سلام.تشکر از آموزش خوب شما
    من یک ردیف تعریف کردم- با یک قسمت 8 تایی و یک قسمت 4 تایی.
    زمانی که مارجین میدم به این قسمت ها(که از هم فاصله بگیرن )یکی از قسمت ها میره پایین.اندازه های مختلف صفحه و md و ... ,  هم چک کردم.
    پاسخ:
    سلام..نباید مارجین بدین اشتباهه..
    شما باید داخل اون Div که کلاس col-md-8 دادی یه Div دیگه ایجاد کنی و محتوای خودت رو اون تو بریزی..مثلا اگه زنگ پس زمینه قرار هست بدی.. به Div داخلی باید بدی.خود بوت استرپ یه پدینگ 15 Px میندازه براش
  • ۲۶ تیر ۹۶ ، ۱۲:۱۷
  • emad
    • سلام من یه سوال دارم ، ببینید من طبق دستورات خودتون اومدم یه هدر برای سایتم درست کردم دقیقا مثل شما با این تفاوت که 8 ستون برای عنوان سایتم و 4 ستون برای سه تاگزینه در نظر گرفته ، ولی وقتی صفحمو کوچیک میکنم عنوان صفحه مثل مال شما عمل میکنه ولی اون گزینه ها زیر هم میفته حتی از تکنیک مدیا برای کوچیک شدن متن هم استفاده میکنم و نمیخام اونا زیر هم ببیفتن ولی فایده نداره ، اینم کد مربوطه...میشه راهنماییم کنید؟ control panel
    My Content Managment System سیستم مدیرت محتوای من
    • درباره CMS
    • امکانات
    • راهنما
    • تنظیمات صفحه
    ---------------------------------------------------------------------------کدهای css /* CSS Document */ /*------fonts---------*/ @font-face { font-family: "yekan"; font-style: normal; font-weight: normal; src: url('../fonts/yekanweb-regular.eot') format("embedded-opentype"), url('../fonts/yekanweb-regular.woff') format("woff"), url('../fonts/yekanweb-regular.ttf') format("truetype"), url('../fonts/yekanweb-regular.svg') format("svg"); } /*-------body---------*/ body { font-family:yekan; direction:rtl; } /*-------header-------*/ .header { min-height:100px; background-image:url(../images/fake_brick.png); border-bottom:3px solid #F60; } .head-title h1 { color:#FCF1DA; font-size:28px; } .head-title h5 { color:#FF9D3C; font-size:17px; } @media(max-width:700px) and (min-width:0px){ .head-title h1 { text-align:right; font-size:10px; } .head-title h5 { text-align:right; font-size:10px; } } .head-btn { width:70px; height:40px; background:#F93; border:0px; border-radius:5px; } .head-btn:hover { background:#FFC993; } .head-ul { list-style:none; margin-top:30px; } .head-ul li { padding-right:15px; float:right; } .head-ul li a { text-decoration:none; color:#FCF1DA; } .head-ul li a:hover { color:#FF9D3C; } .head-span { padding-left:5px; } @media(max-width:700px) and (min-width:0px) { .head-ul li { font-size:10px; } } /*---------------menue---------------*/ .menue { margin-top:10px; } .menue-ul { list-style:none; } .menue-ul li { float:right; padding-right:10px; }
    پاسخ:
    سلام..اینجوری کمک کردن سخته...اگه میتونی دموی انلاین بده
  • ۳۰ تیر ۹۶ ، ۰۳:۰۴
  • رامین آقامحمدی
    • سلام و درود به استاد عزیز آقای سعید کشاورز

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

    ایشالا بتونیم جبران کنیم .
  • ۱۶ شهریور ۹۶ ، ۱۱:۴۹
  • رضا
    • با آموزش بوت استرپ شما که فوق العاده بود و مشکلات زیادی رو واسم حل کرد بسیار سپاسگزارم.
    اگر برای شما زحمتی نیست یک کد منو خوب که کامل باشه رو بزارین تا ما دریافت کنیم. منو کامل باشه و دارای زیر منو باشد و خود زیر منو هم زیر منو داشته باشد. 
    با تشکر از شما
  • ۱۴ مهر ۹۶ ، ۰۴:۱۵
  • majidi
    • سلام آموزش بوت استرپ رو ادامه بده ، تکمیل نشده
    مرسی
  • ۲۰ مهر ۹۶ ، ۲۰:۳۱
  • حسین
    • کار حرف نداشت. دمت گرم . خیلی خوبه  کاش ادامه بدی .مرسی . خدا خیرت بده 
  • ۰۲ آبان ۹۶ ، ۱۰:۰۵
  • سیدمجتبی میرکمالی
    • سلام
    یه سوالی راجع به بوت استرپ داشتم

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

    یا اینکه باید از قبل طراحی کرد و دستی تبدیل به php کنیم

    چهطور میشه این کار رو در وردپرس انجام داد؟

    با تشکر🙏🌹🌿
    پاسخ:
    باید از قبل طراحی بشه این مورد.چیزی نیست که بخواد مثل افزونه نصب بشه
  • ۰۵ بهمن ۹۶ ، ۱۸:۵۲
  • cyrus
    • من تقریبا جایی کامنت نمیزارم , اگرم بزارم فینگلیشی میزارم , ببین چیکار کردی دیگه 3>
    پاسخ:
    فدات 
  • ۰۵ فروردين ۹۷ ، ۱۷:۲۶
  • مهدی ریزوندی

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

    آریا بوت استرپ همانند بوت استرپ رایگان است.

    http://abs.aryavandidad.com

    موفق و پیروز باشید
  • ۰۸ ارديبهشت ۹۷ ، ۱۰:۰۸
  • صادق
    • سلام
    خسته نباشید
    از اینکه بدون چشمداشت مالی معلومات خود را در سایت منتشر می فرمایید از شما متشکرم. موفق باشید
  • ۳۱ خرداد ۹۷ ، ۱۹:۰۷
  • سجاد
    • سلام سعید آقا
    یه سوال متفرقه
    اسم نرم افزاری که باهش آیکون های دکستاپتون رو افقی کردین رو میشه بگین
    سرچ زدم اما نیافتم
    پاسخ:
    سلام
    این هست 
    http://p30download.com/fa/entry/43172/
  • ۱۹ مرداد ۹۷ ، ۱۳:۰۳
  • سجاد
    • سلام آقا سعید
    این آموزش با بوت استرپ 3 بود
    من با بوت 4 می خوام برای یه عکس ارتفاع مشخص کنم اما توی کانتینر هر کاری می کنم این اتفاق نمی افته
    بیرون کانتینر میشه که خب دیگه ریسپانسیو نیست ولی داخل کانتینر عکس در ابعاد خودش ظاهر میشه ولی ریسپانسیو
     اینم کدش
    <body>
                          <div class="hero-image">
                              <div class="hero-text">
                                <h1 style="font-size:70px">Welcome to Iran Airline</h1><br/>
                                 <p style="font-size:30px">Iran Airline wish you a  happy trip </p><br/>
                               <button>Reserve Ticket</button>
                               </div>
                          </div>
            
             
            <script src="js/jquery-3.3.1.slim.min.js"></script>
            <script src="js/tether.js"></script>
            <script src="js/bootstrap.min.js"></script>
            <script src="js/script.js"></script>
         </body>
    پاسخ:
    لطفا داخل گروه سوالتون رو مطرح کنید
    لینکش توی صفحه اصلی هست
  • ۱۹ مرداد ۹۷ ، ۱۳:۱۵
  • سجاد
    • اینم کد css
     .hero-image {

        background-image: url(../images/5-2.jpg);
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
  • ۰۲ شهریور ۹۷ ، ۱۸:۱۷
  • حسین
    • سلام
    ممنون از آموزشتون من یک سوال داشتم و اینکه  یک اسلاید بالای صفحه دارم و میخام روی اسلاید دوتا تگ a بزارم ولی نمیشه ینی اسلاید را میاره پایین و تگ ها میرند بالا...اگه میشه راهنماییم کنید ممنون میشم
    پاسخ:
    تگ های a رو داخل یه div بذاری و از طریق posstion absolut این کارو انجام بدین
  • ۰۶ مهر ۹۷ ، ۲۳:۵۷
  • علیرضا
    • سلام دوست عزیز از بابت زحمتی که برای تهیه این فیلم آموزشی کشیدی بسیار بسیار تشکر می کنم کارتون خیلی عالی بود حرف نداشت.

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

    ممنون میشم.
  • ۱۵ آبان ۹۷ ، ۱۵:۴۹
  • حامد استادی
    • سلام . خواستم واقعا تشکر کنم از مطالب زیبا و مفیدتون و امیدوارم هر جا هستید موفق و موفق تر باشید 
  • ۲۰ دی ۹۸ ، ۱۰:۲۰
  • ریحانه

    • سلام

    ممنون از زحماتتون . خیلی مفید بود
    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    شما میتوانید از این تگهای html استفاده کنید:
    <b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
    تجدید کد امنیتی

    طراحی وب سایت،آموزش طراحی وب سایت،سورس کد،بوت استرپ،فیلم آموزشی

    آخرین مطالب
    پیوندهای روزانه
    پیوندها
    طبقه بندی موضوعی
    کلمات کلیدی

    طراحی سایت

    بوت استرپ

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

    اموزش bootstrap

    آموزش ریسپانسیو قالب

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

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

    آموزش bootstrap

    bootstrap

    طراح وب

    تبدیل psd به html

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

    معرفی سایت

    سایت مفید

    دموی آنلاین

    آموزش

    آشنایی با سایت jsfiddle

    jsfiddle

    پربیننده ترین مطالب
    محبوب ترین مطالب
    ساخت وبلاگ در بلاگ بیان، رسانه متخصصان و اهل قلم