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

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

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


أكمل الموضوع لرؤية الكود

]]></b:skin>   

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

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

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

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

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

اي استفسار انا جاهز 

هل اعجبك الموضوع ؟

شارك معنا بتعليق حول الموضوع