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

[mnakhaeipoor]

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

[_mojitaba_]

آدرس سایت رو میدی

[8908183]

شما اول یه <div> با مشخصات زیر ایجاد کنید و بعد تمامی المان ها رو توی اون بنویسید.

margin:0 auto;
width:1000px;
overflow:hidden;

البته 1000 مقدار نرمال هست برای رزلوشن 1024 پیکسل.

مشکلی بود در خدمتم

[mnakhaeipoor]

آدرس سایت رو میدی

آدرس سایت : ubii.ir

[godofphp]

سلام دوستان
من سایتمو که تکمیل کردم و رو هاست آپلودش کردم با دل خوش از تو یه سیستم دیگه رفتم دیدمش کلا بهم ریخته شده بود !!
امتحان که کردم دیدم فقط با ابعاد مانیتور خودم درست نشون داده میشه :گریه:
قضیه چیه؟
کدهای سی اس اس شما بهینه نیست برای اینکه قالب سی اس اس شما در رزولیشن های متفاوت درست نمایش داده شود باید با ریسپانسیو این کار رو تنظیم فرمائید
در ضمن شما میتوانید برای راحتی از فریمورکهای آماده سی اس اس برای این کار استفاده کنید
فریمورک بوت استرپ (http://getbootstrap.com/)
بوت استرپ فارسی (http://rbootstrap.ir/)
آموزش طراحی قالب ریسپانسیو (http://www.webyar.net/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B1%DB%8C%D8%B3%D9%BE%D8%A7%D9%86%D8%B3%DB%8C%D 9%88-responsive-%D9%88%D8%A7%DA%A9%D9%86%D8%B4-%DA%AF%D8%B1/)

[ashokri.nll]

واااااااااااااااااااااااا ااااااااااااااااااااااااا ااااااااااااااااااااااااا ااااااااااااای :متعجب:
چقدر داغونه حداقل شما که با رسپانسیو نمیخای کارکنی عرض صفحه رو 900 پیکسل بگیر که کمی بهتر بشه تا بتونی رسپانسیو یادبگیری و پیاده کنی .

[mnakhaeipoor]

کدهای سی اس اس شما بهینه نیست برای اینکه قالب سی اس اس شما در رزولیشن های متفاوت درست نمایش داده شود باید با ریسپانسیو این کار رو تنظیم فرمائید
در ضمن شما میتوانید برای راحتی از فریمورکهای آماده سی اس اس برای این کار استفاده کنید
فریمورک بوت استرپ (http://getbootstrap.com/)
بوت استرپ فارسی (http://rbootstrap.ir/)
آموزش طراحی قالب ریسپانسیو (http://www.webyar.net/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B1%DB%8C%D8%B3%D9%BE%D8%A7%D9%86%D8%B3%DB%8C%D 9%88-responsive-%D9%88%D8%A7%DA%A9%D9%86%D8%B4-%DA%AF%D8%B1/)

ممنون ولی چجوری باید بهینه کنم کدهام رو؟
میشه یه مثال از بهینه نبودن کد بزنید تا بهتر متوجه بشم؟

[دانیال دزفولی]

همینطوری چارتا کد چسبوندی بهم
هیچ قاعده ای نداره

[mnakhaeipoor]

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

[_mojitaba_]

ببخشید شما طرحتون چه شکلیه (شکل استاندارد و اونچیزی که میخواستید دربیارید منظورمه)؟

[mnakhaeipoor]

ببخشید شما طرحتون چه شکلیه (شکل استاندارد و اونچیزی که میخواستید دربیارید منظورمه)؟

این :
http://s5.picofile.com/file/8141785734/Downloads.rar.html

[vimax23]

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

[mnakhaeipoor]

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

[mnakhaeipoor]

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