Poorya.sh 39 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 سلام دوستان سایت ما یک قالب داره که در اصل قالبه 3تا ستون داره اما واسه کسای که رزولیشن مانیتورشون پایین بجای نمایش 3ستون فقط 2ستون نمایش دادمیشه یعنی باید رزولیشن حتمی از 1300بالاتر باشه تا قالب 3ستونه مشاهده بشه میخواستم بپرسم راهی هست که یک کاری کرد که قالب در رزولیشن های پاییت تر زیرش اسکرول بخوره تا واسه کسای که رزولیشنشون پایین هم 3ستونه دیده بشه یا نه؟ متاسفانه در حال حاظر هاست سایت دچار مشکل شده و سایت بالا نمیاد تا ببینید. نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 (ویرایش شده) سلاماگر میخواین قالبتون 3 ستونه باشه و در همه نمایشگرها به درستی نشونبده باید پنها رو کلا 990px قرار بدیدر غیر این صورت باید از کدoverflow: scroll;استفاده کنی تا بصورت نواری بشه سایتامروزه کمترین رزولیشن برای مانیتور ها لامپ دار هستش که 1024*768 هست ویرایش شده مهر 92 توسط فرهاد نقل قول لینک به ارسال
محسن شایان 194 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 اندازه پهنا رو کمتر کنید روی 990 و بهتره این آموزش رو هم یه نگا بندازید. 3 نقل قول لینک به ارسال
هادی خانزاده 103 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 (ویرایش شده) با عرض سلام و خسته نباشیددوست عزیز مشکلی که شما دارید و منم داشتم و چند ماه هم درگیرش بودم . ی قالب درست کرده بودم که تو رزولیشن مانیتور خودم درست نشون میداد ولی وقتی رزولیشن تغییر پیدا میکردهمه چی میریخت به هم. ولی راه حل چیه؟؟؟؟خب راه حل : ابتدا کدهای زیر رو اول فایل Style.css قرار بده :html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}بعد از اینکه این کار رو کردید ی Div بعد از Body بنویس و بهش آیدی بده حالا بنده Warp در نظر میگیرم میتونید خودتون به هر اسمی که خواستید تغییر بدید بعد وقتی هم میخوای ببندیش قبل از تگ </body> ببندش . پس با این کار همه قالب تو داخل ی Div با آیدی Warp قرار گرفت .توجه : داخل <div id ="warp"> ... </div> سعی کنید از id دادن به Div هاتون جلوگیری کنید و به جاش از Class استقاده کنید .قدم نهایی : به فایل Style.css رفته و واسه Warp استایل میدیم :#Warp{width:1000px;max-width:1010px;background:#FFF;margin:auto;}خب Width رو بهتره رو 960 قرار بدید ولی من دیدم چون کوچیک میشه و قالبم به محیط بزرگتری نیاز داره زیادش کردم شما هم هرچقدر بزرگ کنید مشکلی پیش نمیاد .اینجا خاصیت Max-Width خیلی مهمه سعی کنید زیاد با Width تون فاصله نداشته باشه.تموم شد به همین راحتی ، به همین خوشمزگی!!!اما اگه میخوایید که قالبتون توی تبلت ها ، گوشی ها و ... به صورت صحیح نمایش بده باید از Responsive استفاده کنید که کمی مشکله!! البته فیلم های آموزشی زیادی وجود دارهکه میتونید ازش استفاده کنید . ولی متاسفانه همشون انگلیسی هستن . اگه میخواید یاد بگیرید از آموزش شرکت لیندا استفاده کنید اسمش :Lynda.Responsive.Design.With.Dreamweaver.CS6حالا بنده لینک دانلودش رو هم میذارم ولی خواهشا تذکر و ... ندید . لینک دانلود از سایت P30Downloadببخشید که زیاد حرف زدم و سرتون به درد آوردم . امیدوارم مشکلتون حل شه .موفق و پیروز باشید . ویرایش شده مهر 92 توسط mahforum 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .