ورود

View Full Version : سوال: طراحیم وسط صفحه


mazaher5723
شنبه 04 خرداد 1392, 10:37 صبح
اگه بخوام کل طراحیم وسط صفحه در هر روزلیشنی باشه.چکار باید کنم؟
خیلی گیر کردم
ممنون
mehbod.rayaneh
شنبه 04 خرداد 1392, 10:40 صبح
سلام
فقط کافی بود جستجو میکردید!!!
1 دیو برا کل سایت میسازید و به دیو margin:auto میدید!!!

.mainarea{
width:980px;
margin:auto
}
mazaher5723
شنبه 04 خرداد 1392, 11:22 صبح
چرا 980 برچه مبنای هست؟مهندس
mehbod.rayaneh
شنبه 04 خرداد 1392, 11:30 صبح
خوب مبنای ریزولیشن را 1024*768 گرفتم!
با توجه به آمار گیریایی ک کردم فعلا بیشترین بازدید همین ریزولیشنه!
برا این گذاشتم 980!!!
شما بذار 5000 ! کی ب کیه! :لبخند:
mazaher5723
شنبه 04 خرداد 1392, 11:32 صبح
اگه یکی رزولیشنش 1366*768 بود چی پیش؟
mehbod.rayaneh
شنبه 04 خرداد 1392, 12:12 عصر
خوب 1366-980=386 پیکسل دور صفحه خالی میمونه!
mazaher5723
شنبه 04 خرداد 1392, 12:40 عصر
سایت نارنجی و نگاه کنید وقتی روژلیشن روی هر چی باشه درصدته تنظیم یه نگاهی بهش بندازید با رزلشین های مختلف.
ابن چکار کرده؟
mehbod.rayaneh
شنبه 04 خرداد 1392, 12:49 عصر
دیده بودم!
ببینید ... شما میتونید برا این ک سایتتون با همه ریزولیشنها سازگار باشه 2تا کار بکنید!
1. برا هر ریزولیشنی 1 استایل تعریف کنید! دقیقا مثل قالب قبلی سایت نارنجی! الان جدیدش کرده! ( تو همین انجمن در موردش بحث شد! :لبخند:)
2. میتونید طراحی واکنشگرا (رسپانسیو) انجام بدید! یکی از دوستان طراحی واکنشگرا را هم آموزششو گذاشته! اونو ببینید! فک کنم جناب moalla بود! آموزشهای ایشونو ببینید!
mazaher5723
شنبه 04 خرداد 1392, 13:22 عصر
جستجو کردم چیزی ندیدم!چی باید جستجو کنم؟
mehbod.rayaneh
شنبه 04 خرداد 1392, 13:58 عصر
اینه : http://www.quicklearn.ir/
آموزش bootstrap
moalla
شنبه 04 خرداد 1392, 17:36 عصر
سایت نارنجی و نگاه کنید وقتی روژلیشن روی هر چی باشه درصدته تنظیم یه نگاهی بهش بندازید با رزلشین های مختلف.
ابن چکار کرده؟
ممنون از mehbodrayane که ادرس سایتم رو گذاشتن
این سایت ها که با رزلوشن صفحه تغییر میکنن responsive هستن. همون quicklearn رو هم اگه تغییر سایز بدین اجزا تغییر میکنن! این به این خاطره که توی تبلتها و گوشی های موبایل دوستونه و تک ستونه بشه
تو یه سال گذشته طراحی که responsive باشه خیلی مهم شد. توی این طراحی شما سه یا چهار مرز تعیین میکنید و میگید توی رسیدن عرض بروزر به هر کدوم از اونها ستونها به چه ترتیب تغییر کنن. اینکار با media انجام میشه
میتونید به سیستمهای آماده واگذار کنید مثل همون Bootstrap
عمومی ترین عرض که معمولا میذارن برای سایتها 960. بخاطر همین اولین سیستم گرید بندی بر همین اساس نامگذاری شد. اینجا (http://960.gs/)رو ببنید.