كود منع خروج الصور عن اطار الموضوع " خاص بالصور كبيرة الحجم "

في بعض المدونات .. يواجه البعض مشكلة كبيره في التنسيق الا وهي خروج الصورة عن حدود مساحة عرض المواضيع وهي ما تسبب ازعاج في التنسيق وعدم احترافية في العرض وبهذا الخصوص وجدت في بحثي في المواقع عن عدة حلول اخترت لكم أسهلها لتنسيق الصور في المواضيع داخل مدونات بلوجر .


من الرئيسية في بلوجر توجه الى تصميم > تحرير هتمل > كالعادة ينصح بأخذ نسخة احتياطية .
ومن ثم نبحث عن الكود :

]]></b:skin>

وفوقه تماماً نقوم باضافة الخواص القياسية چسس التالية :

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

 هذا في حال أحببت ان يكون تحجيم الصور نسبة مئوية عادة الى حجم الصورة أو قم بوضع الخيار التالي اذا أحببت أن تضع الحجم الاكبر المسموح بعرضه في الصور :

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

ركزوا معاي يا اخوان ان الموضوع يتحدث عن عرض الصورة فقط وليس حجمها الكامل وهكذا مهما أضفت من صور كبيرة الحجم سيتم تصغير حجمها اوتوماتيكيا الى الحجم المسموح به وهي القيمة اللتي اخترتها انت في الكود أعلاه .وهذا مثال تطبيقي لي في صورة كبيرة جدا .

دمتم بود.