X
تبلیغات
زولا
کدهای جاوا اسکریپت

کد تغییر اندازه تمام عکس ها

در این بخش از کدهای css کدی را برای شما دوستان آماده کرده ام که با قرار دادن آن در وب خود می توانید تمام عکس های وب خود را به صورت اتوماتیک تغییر اندازه دهید این کد یک کد ساده است که می توانید از آن برای تغییر اندازه عکس های پست های مطالب خود نیز استفاده کنید  

 جهت استفاده از این کد ، کد زیر را در head قالب خود قرار دهید

<style>
img{
  width: 300px;
  height: 300px;
}
  </style>

برای تغییر اندازه کافیست اعداد مربوط به عرض width و  ارتفاع heigth را تغییر دهید


نکته : امکان دارد با قرار دادن این کد در وب خود برخی عکس های دیگر قالب تغییر پیدا کند که برای رفع مشکل بایستی کلاس یا ای دی پست مطالب خود را پیدا کنید و به img اضافه کنید مثلا در اکثر موارد به شکل زیر هستند


کلاس

  <style>
img .post{
  width: 300px;
  height: 300px;
}
  </style>

برای ای دی مثلا

  <style>
img #post{
  width: 300px;
  height: 300px;
}
  </style>

برچسب‌ها: کد تغییر اندازه عکس، تغییر اتوماتیک، یکسان سازی سایز عکس ها، کد تغییر در اندازه همه عکس ها
+ نوشته شده در  1392/10/14ساعت 09:52 ق.ظ  توسط javawebs 

نظرات (0)
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام :
ایمیل :
وب/وبلاگ
ایمیل شما بعد از ثبت نمایش داده نخواهد شد