فيس كوم
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3018601602251794";
/* كوكل بوك 2 */
google_ad_slot = "2502205054";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
فيس كوم


 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
عاشق تراب العراق
Admin


عدد المساهمات : 431
تاريخ التسجيل : 30/08/2011

مُساهمةموضوع: منع خروج الصور عن اطار الموضوع " خاص بالصور كبيرة الحجم "    الثلاثاء سبتمبر 06, 2011 12:03 am


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


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

الكود:
]]></b:skin>

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

الكود:
.post img {max-width:85%;}

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

الكود:
.post img { max-width:410px; width: expression(this.width > 410 ? 410: true); }


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

دمتم بود
Razz
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.fkom.net
 
منع خروج الصور عن اطار الموضوع " خاص بالصور كبيرة الحجم "
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
فيس كوم :: بلوجر | Blogger :: قسم دروس وشروحات بلوجر-
انتقل الى: