حل نهائى لمشكلة خروج الصور عن جسم التدوينه

بسم الله الرحمن الرحيم 



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






الحلول التى يلجأ لها اى مدون عادى

يوجد حلول عديده يلجأ لها اى مدون مبتدئ  ولكنها تعتبر عديمة الفائده ومرهقه
من امثلة هذه الحلول , تحديد حجم الصوره اثناء التدوين هكذا .


وهكذا يبحث كل مدون عن حل مؤقت لهذه المشكله .

لكن اليوم ان شاء الله سنحلها بطريقة صحيحه 100% بكود بسيط جدا يتناسب مع اى مدونه


الحل الاول : 

- الكود المستخدم
img{max-width:95%;}

- طريقة التركيب 
افتح القالب , اضغط ctrl+f ثم ابحث عن ]]></b:skin> 
ثم ضع الكود السابق تحتها , مع تغيير النسبه الملونه 95%
كما تريد .  ويمكن ايضا استبدال النسبه الملونه بقيمه محدده
بالبيكسل , مثلا 900px , اختر العرض الذى يناسب مدونتك .
ان لم تجد هذا الوسم  ]]></b:skin> ابحث عن 
<body> ثم ضع تحتها هذا الكود (ينصح به)
<style>img{max-width:95%;}</style>

- عيوب الكود 

 الكود ربما يؤثر على كل الصور الموجوده فى المدونه 
على سبيل المثال , سيؤثر الكود على حجم الشعار "اللوجو" الخاص 
بالمدونه .

الحل الثانى :

- الكود المستخدم

#main-wrapper img{max-width:95%;}

- طريقة التركيب 
افتح القالب , اضغط ctrl+f ثم ابحث عن ]]></b:skin> 
ثم ضع الكود السابق تحتها , مع تغيير النسبه الملونه 95%
كما تريد . ويمكن ايضا استبدال النسبه الملونه بقيمه محدده
بالبيكسل , مثلا 900px , اختر العرض الذى يناسب مدونتك .


- عيوب الكود

لا يعمل مع كل القوالب .


سيكون شكل الصور هكذا بعد وضع الكود 


بإذن الله تحل المشكله بإحدى الطريقتين 

كافئ مجهودى بمشاركة الموضوع على جوجل + بالضغط على هذا الزر




ان واجهت نفس المشكله , اترك تعليق .




من فضلك اضغظ لايك لمشاهدة لينك التحميل
الأقسام
كاتب الموضوع Unknown في الاثنين, يونيو 30, 2014