شرح طريقة منع خروج الصورة عن إطار الموضوع

اليوم سأشرح طريقة منع خروج الصورة عن إطار الموضوع أو حدود المساحة المخصصة للتدوينة

حيث نرى هذه المشكلة في العديد من المدونات العربية أو الأجنبية وهذا الشيء مزعج جداً لصاحب المدونه

لهذا سأقوم بشرح طريقة منع خروج الصور عن إطار الموضوع أو حدود المساحة 

وذلك عن طريق كود منع خروج الصورة عن اطار الموضوع 

قبل البدء خذ نسخه احطياطية للمدونة

أولاً اذهب الى

لوحة تحكم المدونة ثم القالب ثم تحرير Html

اضغط Ctrl+F

الان ابحث عن 

]]></b:skin>

وضع فوقها مباشرتاً

.post img { max-width:410px; width: expression(this.width > 410 ? 410: true); }

الرقم 410 هو عرض الصورة 

ضع عرض الصورة مناسب مع عرض مدونتك 

او بدل الكود في الاعلى تضع الكود التالي

ضع الكود التالي

.post img {max-width:95%;}

85 هي نسبه مئوية ان احببت عرض الصورة بنسبتها المئوية