jakob

ریسایز کردن قالب توسط CSS ?

5 پست در این موضوع قرار دارد

سلام .

میخواستم بدونم چطوری میشه که قالب صفحه رو ریسایز کرد ؟

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

کدی یا پلاگینی هست که بشه با توجه به کوچیک و بزرگ شدن رزولوشن اندازه قالب هم تغییر کنه ؟

به اشتراک گذاری این پست


لینک به پست

باید ریسپانسویز طراحی بشه به عبارتی ویدس و ارتفاع اینا به درصد نوشته بشه

یه راه کثیف تر هم اینه که با جکئوری واسه هر ریسولیشن یه استایل بکشین ولی راهش همون اولیه

به اشتراک گذاری این پست


لینک به پست

باید ریسپانسویز طراحی بشه به عبارتی ویدس و ارتفاع اینا به درصد نوشته بشه

یه راه کثیف تر هم اینه که با جکئوری واسه هر ریسولیشن یه استایل بکشین ولی راهش همون اولیه

میشه بیشتر توضیح بدید ؟

من وقتی width:100% اون عکس های که تو قالب هست بزرگ نمیشه ! من یه جی کویری میخوام که سایز عکس هایی که تو صفحه هستش هم بزرگ و کوچک شه

به اشتراک گذاری این پست


لینک به پست

اندازه سایت به اینچ مانیتور مربئوط نمی شه (خیلی مربوط نمی شه) و بیشتر مربوطه به رزولیشن سیستم معمولا یک طراح سیستمش رو روی 1024×768 تنظیم می کنه تا چند سال پیش عرف بود عرض رو 800 می دیدند و اگر به طرح های قبلی دقت کنید محدوده نوشتته و منو از 750 نمی گذشت اما الان نسل مونیتور های 600×800 تقریبا منقرض شده و معمولا سایت رو در 1024×768 می بندند یا اندازه های عرضی را بر مبنای ترکیب em و % می گیرند

حالا چیزی که شما می خوای بر عکسه این ماجراست؟

برای کوچک کردن سایتی بزرگ طراحی شده باید حوصله زیادی داشت ولی در مرحله اول می تونی به فایل style.css اضافه کنید (ترجیحا در انتهای فایل)


body {
zoom:1;
overflow-x:hidden;
max-width:1000px;}
body * {
max-width:100%;
}

و اگر مشکل ادامه داشت باید جزء به جزء مشکل رو بگید و راه حلش رو بگیرید

به اشتراک گذاری این پست


لینک به پست

ممنون ایمان جان

اگه به مشکل بر خوردم بازم سوال میکنم

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط amzzm75
      باسلام و احترام قالبی که من استفاده میکنم تعداد زیادی فایل css و javascript داره به طوری که تعداد درخواست ها به سرور منو زیاد کرده به طوری که وقتی با gtmetrix تست میکنم میزنه 150 درخواست به سرور و به فشرده نبودن و تعداد زیاد فایل ها ایراد میگیره من یه بار اومدم با سایتایی که این فایلا رو فشرده میکنن فشردشون کردم اما فونت و ظاهر بعضی قسمت های سایت بهم ریخت و مجبور شدم به حالت قبل برش گردونم موندم چیکار کنم که تعداد فایل ها کم بشه تا سرعت لود سایت بالاتر بره و سایت بهینه بشه لطفا راهنمایی کنین 
      آدرس سایت من:umagazine.ir
    • توسط chemist
      با سلام و عرض خسته نباشید؛
      بنده از این کد CSS در وب سایت استفاده کرده ام؛
      #left-menu i img { max-width:24px; max-height:24px; } در مرورگر کروم موبایل تصاویر در اندازه واقعی عکس ها نمایش داده می شود! (از ماکزیمم طول و عرض تعیین شده تبعیت نمی کند) ولی در مابقی مرورگرها با ابعاد تعیین شده نمایش داده می شود. آیا برای سازگاری کامل با تمامی مرورگرها باید تغییری در کد اعمال کنم؟
      ممنون میشم راهنمایی بفرمائید.
      با تشکر
    • توسط mehr-cs
      سلام
      منمیخوام یه قسمت تحت عنوان تاریخچه داشته باشم به این صورت که، تو یک باکس کوچیک تمامی حروف الفبا رو داشته باشم و لوگوی کل تاریخچه ی برند هام تو صفحه باشه و کاربر بعد از کلیک کردن روی هر کدوم از حروف الفبا، کلیه تاریخچه هایی که با اون حرف شروع میشه رو ببینه !
      دوستان راهنمایی میکنن ؟
    • توسط mihanpsd
      سلام میخوام وقتی موس به سمت محصولات حرکت داده میشه ، عکس hover محصول نمایش داده نشه و حرکت نکنه . همون عکس بصورت ثابت باقی بمونه .
      ممنون میشم راهنمایی کنید .
      http://mashinno.com 
       
    • توسط hosseinrasouli
      سلام به مهندسین.
      من میخواهم منو چند ستونه داشته باشم  و اینکارو با تغییر فایل style.css خود قالب انجام بدم.  (نمی خواهم از افزونه های مگامنو استفاده کنم)
      تغییراتی رو در style.css قالب انجام دادم ولی عملی نشد .
      فایل style.css و تصویر منو سایت پیوست است . ( خواهشمند است دوستان برنامه نویس راهنمایی کنند) style.css