قالب قالب وب سایت شبیه سایت گوگل

[ramin149]

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

[saadatieathar]

سلام.
خوب شما به جای اینکه سایز صفحه و جزئیات رو به صورت ثابت بدید به صورت درصد بدید
مثلا


<div style="width:80%;">
test
</div>
اینجوری وقتی رزولوشین تغییر کنه متناسب با اون تغییر اندازه داده میشه.

[armintirand]

حرف خوبیه با درصد کار کردن ولی بعد از کلی زحمت کشیدن برای طراحی یک قالب با این شرایط الان منم با یک مشکل مواجه شدم که دوستان اینبار میگن درصد ندم
لطفا به این لینک یک نگاهی بیندازید
http://barnamenevis.org/showthread.php?171041-%DA%A9%D9%86%D8%A7%D8%B1-%D9%87%D9%85-%DA%AF%D8%B0%D8%A7%D8%B4%D8%AA%D9%86-%D8%AF%D9%88-%D8%AF%DB%8C%D9%88
البته پست من در صفحه دوم قرار داره

[saadatieathar]

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

[بهزاد علی محمدزاده]

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

لینک (http://www.webtarget.ir/blog/%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%87%D8%A7%DB%8C-%D9%88%D8%A7%DA%A9%D9%86%D8%B4-%DA%AF%D8%B1%D8%A7-responsive-web-design/) برای نمونه .

[sahel65]

البته هر گسی نظری داره ولی به نظر من وقتی سایز ثابت باشه (مثلا فرض رو بر 1024) بگیریم خیالمون راحته که توی اکثر مانیتور ها به هم نمی ریزه.
دوست عزیز اگه بیام و 960 قرار بدیم و بعدش در وسط بذاریم قرار بگیره طرحمون، بهتر نیستش؟ اگه کل صفحه رو 1024 بگیریم مطمئنید که همه مانیتورها یکسان جواب میده؟

[saadatieathar]

960 سایز خوبیه،خیلی کم هستند کسایی که رزولوشن کمتر از 1024 دارند.من اکثر طرح هام رو بر همین اساس می زنم که کل صفحه رو 1024 در نظر می گیرم.

[ramin149]

بیس طراحی روی 960 هست . زیرا طراحی 1024 روی مانیتور مربع با مشکل بر می خورید . حتی سایت templatemonster.com بیشتر قالب هاش روی 900 است .