close
تبلیغات در اینترنت
کد تغییر اندازه خودکار تصاویر سایت
loading...

ناب اسکریپت

بعضی وقت ها عکس هایی در سایت قرار میدید که بزگرتر از قالب شما هستن و از قالب میزنن بیرون و ظاهر سایت رو زشت میکنند. اما توسط کد زیر یک حد معین تعیین میکنید و تصاویر به طور اتوماتیک ریسایز خواهند شد و نیاز نیست هر بار تغییر اندازه بدید.    .post img { max-width: 500px; /* Adjust this value according to your content area size*/ height: auto; } این کد را باید در استایل قالب خود (style.css) قرار دهید. توجه کنید که شما در این کد فقط اندازه عرض رو باید مشخص کنید و ارتفاع به طور اتوماتیک تغییر…

کد تغییر اندازه خودکار تصاویر سایت

admin بازدید : 313 یکشنبه 26 خرداد 1392 نظرات ()

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

 

کد تغییر اندازه خودکار تصاویر

 

.post img {
max-width: 500px; /* Adjust this value according to your content area size*/
height: auto;
}

این کد را باید در استایل قالب خود (style.css) قرار دهید.

توجه کنید که شما در این کد فقط اندازه عرض رو باید مشخص کنید و ارتفاع به طور اتوماتیک تغییر خواهند کرد.
موفق باشید

auto-resize

منبع: تارمستر

مطالب مرتبط
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • نویسندگان
    آرشیو
    آمار سایت
  • کل مطالب : 142
  • کل نظرات : 3
  • افراد آنلاین : 1
  • تعداد اعضا : 4
  • آی پی امروز : 30
  • آی پی دیروز : 32
  • بازدید امروز : 106
  • باردید دیروز : 174
  • گوگل امروز : 0
  • گوگل دیروز : 3
  • بازدید هفته : 455
  • بازدید ماه : 2,565
  • بازدید سال : 21,861
  • بازدید کلی : 171,868