فيس كوم
<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>
فيس كوم
<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

منع خروج الصور عن اطار الموضوع " خاص بالصور كبيرة الحجم "  Empty
مُساهمةموضوع: منع خروج الصور عن اطار الموضوع " خاص بالصور كبيرة الحجم "    منع خروج الصور عن اطار الموضوع " خاص بالصور كبيرة الحجم "  Emptyالثلاثاء سبتمبر 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
 مواضيع مماثلة
-
» جعل رابط الموضوع المنشور في المدونة باللغة الانجليزية و ملائما لعنوانه
» لوضع نص يتمدد مع اطار في الصفحة
» كود وضع نص متحرك داخل اطار .. جميل
» معاينة الموضوع قبل ارسالة في المدونات
» ازالة اسم المدونة من عنوان الموضوع في محركات البحث SEO

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