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

دوره بوت استرپ فوریه 2016 08

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

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

پروژه این جلسه در زیر قرار داده شده :

دانلود پروژه
لینک دانلود1 مگابایت

 

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

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

    سلام،چه خوب که دوباره bootstrap رو شروع کردین،خیلی منتظرش بودم.
    ممنون از زحمتی که می کشید

  • tupac گفت:

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

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

    بازم یه آموزش بی نظیرامیدوارم همینجوری هرروز سایت روباآموزش های خوب تون بروزنگهدارید

  • amin گفت:

    خواهشا این آموزش و آموزش پیشرفته php تا انتها انجام بده مرسی

  • mohammad گفت:

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

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

      توی مرورگر فایر فاکس کلید های ترکیبی Cttrl+Shift+m رو بزنید تا بره تو حالت رسپانسیو مد و چک کنید

      • mohammad گفت:

        این کارو کردم اون جا درست جواب میده ولی تو گوشی نه اون قالبی رو که شما گذاشته بودین سایت اونو دانلود کرده بودم دقیقا مثل اون می زارم ولی اصلا جواب نمیده :'(

  • elix گفت:

    با سلام حسین آقا لطفا اگه میشه این قالب سایت filimo.com شبیهش رو بسازید . و ممنون میشم بگید این وب سایت از چه طرح هایی برای ساخت استفاده کرده
    2- وب سایتی که با وردپرس ساخته شده رو میشه کاری کرد که کسی متوجه ساخته شدن اون با وردپرس نشه ؟

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

      فعلا همین طرحی که زدیم رو ادامه میدیم
      بله میشه وردپرس را مخفی کرد ، سرچ کنید

  • علی گفت:

    سپاس و خسته نباشد بر استاد گرامی

    • علی گفت:

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

  • روژیار گفت:

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

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

    سلام.مرسی واسه آموزش ها.منتظر بقیش هستم. اگه میشه یه نگاه به صفحه ای که طراحی کردم بندازی و انتقاد کنی و بگی چه مشکلاتی داره ممنون (این اولین صفحه ای هست که تاحالا کامل طراحی کردم.
    saeedmpt.co.nf

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

      خواهش میکنم ، به عنوان اولین کار عالیه (نسبت به اولین قالبی که خودم طراحی کردم خیلی بهتره ، بهت حصودیم شد !)

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

        مرسی مهندس.کلی خوشحال شدم.یه انرژی مثبت . والا من قبلا خیلی سعی کردم با html css کار کنم ولی و رسپانسیو مشکل میخوردم و نا امید میشدم. از وقتی با بوت استرپ آشنا شدم خیلی پیشرفت داشتم.ممنون که ویدیو های به این خوبی میزاری.اگه میتونی آموزش های جاوا اسکریپت هم بزار.حالا من موندم برم سمت node js یا php.

        • xiaoyu گفت:

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

    • ریحانه گفت:

      متاسفانه جلسه دوم اشتباهی بارگذاری شده و ادامه جلسه اول نیست

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

        برسی شد ، ادامه جلسه ۱ هست منتها اول فیلم اشتباهی گفتم طراحی قالب وردپرس !

  • siavash گفت:

    با سلام
    ممنون از اموزش های خوبتون
    منتظر ادامشم 🙁
    لطفا ادامه بده استاد شفیعیان

  • مسلم گفت:

    عالیه ، این که کاربردیش کردین : یعنی پروژه عملی ، خیلی عالی تر شد . مرسی

  • Mina گفت:

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

  • سمی گفت:

    سلام
    من ی راهنمایی میخواستم اگه لطف کنید. میخواستم ببینم آموزش bootstrap رو ببینم بعد برم سراغ php یا اینکه همزمان؟

  • سمی گفت:

    مرسی. البته از این نظر پرسیدم چون من ui کار نکردم و میخواستم کارمو با bootstrap پیش ببرم

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

      ui بحث جدایی داره ، برای ui باید گرافیک بلد باشید (روانشاسی رنگ ها و …)

  • منا گفت:

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

  • عرفان گفت:

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

  • مجتبی گفت:

    ممنون کاش آموزش سی شارپم میزاشتین

  • فری گفت:

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

  • فری گفت:

    میشه آموزش فریم ورک yii را هم بذارید یا ی سایت خوب معرفی کنید ؟عایا؟

  • 1080068082 گفت:

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

  • 1080068082 گفت:

    ببخشید منظورم هدر صفحس که گفتین اول آموزش 2

  • فری گفت:

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

  • علی گفت:

    قسمت یکش کجاست از همین دو شروع میشه؟
    از همین شروع کنیم؟

  • Reza18 گفت:

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

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

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

      • Reza18 گفت:

        باشه ممنون.
        فقط من طبق دستوراتی که توی فیلم اموزش دادین رفتم جلو ولی این دوتا منو که هستن و ما بین این دوتا، لوگو میزاریم باز منو ها میوفتن روی هم مشکل از چی میتونه باشه؟
        اینجوری میشه –> http://uupload.ir/files/uzt3_untitled.png
        اینم کدها (محیط WS) –>
        http://uupload.ir/files/4lhj_untitled1.png

  • neda گفت:

    سلام و سپاس
    لینک دانلود پروژه مشکل دارد.

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

      سلام
      پروژه این جلسه سهوا از سرور دانلود پاک شده و بک آپی ازش نداریم !