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

ناب اسکریپت

بعضی وقت ها عکس هایی در سایت قرار میدید که بزگرتر از قالب شما هستن و از قالب میزنن بیرون و ظاهر سایت رو زشت میکنند. اما توسط کد زیر یک حد معین تعیین میکنید و تصاویر به طور اتوماتیک ریسایز خواهند شد و نیاز نیست هر بار تغییر اندازه بدید.    .post img { max-width: 500px; /* Adjust this value according to your…

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

admin بازدید : 309 یکشنبه 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
  • کل نظرات : 1
  • افراد آنلاین : 1
  • تعداد اعضا : 3
  • آی پی امروز : 24
  • آی پی دیروز : 23
  • بازدید امروز : 264
  • باردید دیروز : 32
  • گوگل امروز : 2
  • گوگل دیروز : 2
  • بازدید هفته : 264
  • بازدید ماه : 3,658
  • بازدید سال : 3,658
  • بازدید کلی : 162,719