/ آموزش طراحی ریسپانسیو در 5 دقیقه | مخصوص ویبولتین | (اختصاصی ویکی وی بی)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 10 از 10

مقاله: آموزش طراحی ریسپانسیو در 5 دقیقه | مخصوص ویبولتین | (اختصاصی ویکی وی بی)

    1. آموزش طراحی ریسپانسیو در 5 دقیقه | مخصوص ویبولتین | (اختصاصی ویکی وی بی)

      آموزش طراحی ریسپانسیو در 5 دقیقه | مخصوص ویبولتین | (اختصاصی ویکی وی بی)

      به نام خدا .

      امروزه خیلی از وب سایت ها از تکنولوژی ریسپانسیو بهره میبرند (بعضی ها برای کلاس ازش اسفاده میکننمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی) .
      ریسپانسیو در واقع میشه گفت انعطاف قالب شما در برابر رزولوشن های مختلف صفحات نمایش هست .
      و این نکته رو هم یادم رفت بگم که ریسپانسیو فقط و فقط 1 حالت داره برای وصل شدن به قالب و اون هم از طریق فایل هست که در ادامه اموزش بیشتر توضیح میدم.

      1- خب ابتدا سه سند سی اس اس باز کنید .
      2-نام یکی از اون هارو responsive بزارید .
      3-در اون کد زیر رو قرار بدید .
      کد:
      @import url("rwd-tablet.css");
      @import url("rwd-mobile.css");
      4- خب کارمون با اون سند تمومه ذخیره و ببندیدش مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      5-حالا قسمت عذاب اور کار مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی برید توی دو سند دیگه و یکی رو rwd-mobile و دیگری رو rwd-tablet بنامید .
      6-قسمت مهم اموزش برید داخل اون سندی که اسمش رو موبایل گذاشتید و کد زیر رو بهش اضافه کنید
      کد:
      @media only screen and (max-width: 360px) {
      
      }
      خب داخل اون کد میتونید کلاس هایی رو که میخواید ریسپانسیو کنید (چه جور؟! الان میگم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی)
      مثلا من یه ایدی به اسم بنر دارم میخوام نمایش نده تو این رزولوشن خب معلومه بهش display:none; میدم
      اگر بخوام مثلا بیشتر بره سمت چپ از همون مارجین لفت خودمون استاده میکنیم ولی با این تفاوت که *** کد های قدیمی اون ایدی رو بهش نمیدم مثلا اون داشته مارجین تاپ 5 پیکسل شما نمیاد اون مارجین تاپ و اون مارجین لفتی که خودتون بهش میخواد اضافه کنید رو اضافه کنید بلکه فقط کد جدید ینی مارجین لفت 8 پیکسل رو بهش میدید. ***
      بعد توی فایل سند سی اس اس بعدی این کد رو که مخصوص تبلت هیت بهش میدید (قبلی مال موبایل بود)
      کد:
      @media only screen and (max-width: 980px) {
      
      }
      و بعد هم همون اش و همون کاسه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      راستی توی طراحی ریسپانسیو میتونید طول و عرض و ارتفاع و هر چیزی که لازمه هم بهش بدید قط همون مارجین و دیسپلی نان نیست مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      خب دیگه چه طراحی خوبی انجام دادید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی میریم که فایل هارو به ویبولتین معرفی کنیم .
      @@@ نکته اساسی برای اینکه سایتتون رو توی رزولوشن های مختلف ببینید و بر اساس اون ریسپانسیو کنید از افزونه های مختلفی استفاده میشه و نصفشون هم کاربرد خیلی خوب و مطلوبی ندارن اما اگر مرورگر فایر فاکس دارید کلید های ترکیبی ctrl+shift+m رو بزنید بعدش یه حباب های رنگی میان تو صفحه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی خب معلومه دیگه میرید توی اون رزولوشن ها بعدش از اونبالا میتونید استایلتون رو توی رزولوشن های مختلف ببینید @@@

      خب اول هر سه تا فایل رو بزارید توی یه فولدر و اسمشو responsive بزارید .
      و بزارید توی فولدر استایلتون .
      بعد برید توی قسمت سرچ استایل های و قالب ها و این رو سرچ کنید و برید داخلش
      کد:
      headinclude_bottom
      خب سپس با این کد به استایل وصلش کنید (دقت کنید من یه مسیر الکی بهش میدم شمابه مسیر خودتون درستش کنید اون قسمت هایی که قرمز کردم)
      کد:
      <link href="images/pioneer/responsive/responsive.css" rel="stylesheet" type="text/css" />
      بعدش وصله و میتونید لذت ببرید مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      و این اموزشی که من میدم توی هیچ رزولوشنی مشکلی نداره و اگه رزولوشنی از اینا بیشتر بود فقط اندازه ها رو بزگتر میکنه (که باید ممنون اون کد بود مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی)

      به امید اینکه استایل های ریسپانسیو بیشتری ببینیم در پناه حق مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      ویرایش توسط xperiairan : 07-19-2014 در ساعت 06:36 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      17 نفر از اعضا پست xperiairan را پسندیده اند


  1. #2
    Franking آنلاین نیست.
    Franking
    کاربر سايت
    127نوشته119مورد پسند

    تاریخ عضویت
    Nov 2013
    شماره عضویت
    3348
    پسندیده است
    282 پست
    بلاگ
    پست
    میزان امتیاز
    129
    lampard.ir
    واقعا به همین راحتی ؟
    ممنونمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    برا وردپرس هم به همین صورت هست یا خیر ؟منظورم سختیه کار هست

  2. #3
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    نقل قول نوشته اصلی توسط Franking نمایش پست ها
    واقعا به همین راحتی ؟
    ممنونمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    برا وردپرس هم به همین صورت هست یا خیر ؟منظورم سختیه کار هست
    سلام.
    برای همه استایل و ایندکسا و .. یکیه و هیچ فرقی نداره.
    البته به فایل سی اس اس اضافه هم نیازی نیست! میشه همون کد مدیا رو فقط توی سی اس اس برای عرض های مختلف تعریف کرد اینجوری راحت تر هم هست .مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    در هر صورت خسته نباشید آموزش کاملی بود .مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    3 نفر از اعضا پست AminX را پسندیده اند


    .....

  3. #4
    xperiairan آنلاین نیست.
    xperiairan
    کاربر اخراجي
    532نوشته662مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    3018
    پسندیده است
    327 پست
    بلاگ
    پست
    میزان امتیاز
    672
    wikivb.ir
    واقعا به همین راحتی ؟
    ممنونمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    برا وردپرس هم به همین صورت هست یا خیر ؟منظورم سختیه کار هست
    درود فرقی نداره فقط کد وصل شدن رو باید بزارید تو تگ های هدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    سلام.
    برای همه استایل و ایندکسا و .. یکیه و هیچ فرقی نداره.
    البته به فایل سی اس اس اضافه هم نیازی نیست! میشه همون کد مدیا رو فقط توی سی اس اس برای عرض های مختلف تعریف کرد اینجوری راحت تر هم هست .مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    در هر صورت خسته نباشید آموزش کاملی بود .مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    اون جوری خیلی شلوغ میشه و کد ها تو هم میره تو هم الان مد شده اینجوری میزارن مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    دمت گرم آقا امین
    مثل همیشه خلاصه و کامل
    درود . امین کیه برادر من؟! من محسنممرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست xperiairan را پسندیده اند


    ویرایش توسط xperiairan : 07-04-2014 در ساعت 12:20 AM

  4. #5
    Mr Webyar آنلاین نیست.
    Mr Webyar
    کاربر سايت
    238نوشته387مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5681
    پسندیده است
    177 پست
    بلاگ
    پست
    میزان امتیاز
    397
    mrwebyar.ir
    نقل قول نوشته اصلی توسط xperiairan نمایش پست ها
    اون جوری خیلی شلوغ میشه و کد ها تو هم میره تو هم الان مد شده اینجوری میزارن مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مد که مهم نیست ، اگر توی یک فایل css باشه یه فایل لود میشه سرعت لود سایت بهتر میشه ... مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    خسته نباشید ... مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست Mr Webyar را پسندیده است:



  5. #6
    امیر محمد آنلاین نیست.
    امیر محمد
    کاربر سايت
    130نوشته140مورد پسند

    تاریخ عضویت
    Apr 2014
    شماره عضویت
    5094
    پسندیده است
    55 پست
    بلاگ
    پست
    میزان امتیاز
    150
    patogh-kadeh.ir
    اموزش کاملی بود و صد درصد تایید شدهمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    موفق باشینمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست امیر محمد را پسندیده است:



  6. #7
    PinkPen آنلاین نیست.
    PinkPen
    مدير بازنشسته
    929نوشته1,760مورد پسند

    تاریخ عضویت
    Oct 2013
    شماره عضویت
    3202
    پسندیده است
    2,068 پست
    بلاگ
    پست
    میزان امتیاز
    1769
    http://celebiran.ir/
    خیلی عالی محسن جانمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    البته تو کروم هم بدون هیچ افزونه ای تو حالت بازسازی المنت ها میشه عرض های مختلفو تست کردمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست PinkPen را پسندیده است:


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  7. #8
    xperiairan آنلاین نیست.
    xperiairan
    کاربر اخراجي
    532نوشته662مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    3018
    پسندیده است
    327 پست
    بلاگ
    پست
    میزان امتیاز
    672
    wikivb.ir
    مد که مهم نیست ، اگر توی یک فایل css باشه یه فایل لود میشه سرعت لود سایت بهتر میشه ... مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    خسته نباشید ... مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    به هر حال مدل استانداردش اینجوری هست + سرعت لود سایت رو خیلی پایین نمیاره شاید در 0.1 ثانیه بیاره پایین و اینقدر ها هم سنگین نیست حجم کل این فایل ها کلا اگر درست بزنید کمتر از 4 کیلوبایت میشه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

    تو کروم هم بدون هیچ افزونه ای تو حالت بازسازی المنت ها میشه عرض های مختلفو تست کردمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    من گفتم مرورگر نگفتم کروم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی ولی به هر حال فایرفاکس راحت تره و خیلی ساده تره و اگر کسی فایر فاکس روی سیستمش بود حتما توصیه میکنم یه بار هم با فایرفاکس رو هم تست کنه مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست xperiairan را پسندیده است:



  8. #9
    m.khani آنلاین نیست.
    m.khani
    کاربر سايت
    284نوشته69مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    577
    پسندیده است
    213 پست
    بلاگ
    پست
    میزان امتیاز
    79
    www.kord-gsm.ir
    کسی میتونه این کدها که محسن پست اول گذاشته اماده برا من بزاره

    یه کم من گیج شدم

  9. #10
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    نقل قول نوشته اصلی توسط m.khani نمایش پست ها
    کسی میتونه این کدها که محسن پست اول گذاشته اماده برا من بزاره

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

    کاربر زیر پست Ali.shafaey را پسندیده است:



    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

اطلاعات موضوع

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

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

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

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