حل نهائى لمشكلة خروج الصور عن جسم التدوينه
بسم الله الرحمن الرحيم
اهلا ومرحبا بكم أعضاء وزوار المدونه الكرام فى موضوع جديد وحصرى لمدونة ابداعاتى .
فى هذا الموضوع سنحاول ان شاء الله حل مشكله يواجهها الكثير من المدونين فى بعض
القوالب الموجوده على شبكة الانترنت وهى خروج صور التدوينه عن الحجم
المحدد , كما هو موضح فى الصوره التاليه .
الحلول التى يلجأ لها اى مدون عادى
يوجد حلول عديده يلجأ لها اى مدون مبتدئ ولكنها تعتبر عديمة الفائده ومرهقه
من امثلة هذه الحلول , تحديد حجم الصوره اثناء التدوين هكذا .
وهكذا يبحث كل مدون عن حل مؤقت لهذه المشكله .
لكن اليوم ان شاء الله سنحلها بطريقة صحيحه 100% بكود بسيط جدا يتناسب مع اى مدونه
الحل الاول :
- الكود المستخدم
img{max-width:95%;}
- طريقة التركيب
افتح القالب , اضغط ctrl+f ثم ابحث عن ]]></b:skin>
ثم ضع الكود السابق تحتها , مع تغيير النسبه الملونه 95%
كما تريد . ويمكن ايضا استبدال النسبه الملونه بقيمه محدده
بالبيكسل , مثلا 900px , اختر العرض الذى يناسب مدونتك .
بالبيكسل , مثلا 900px , اختر العرض الذى يناسب مدونتك .
ان لم تجد هذا الوسم ]]></b:skin> ابحث عن
<body> ثم ضع تحتها هذا الكود (ينصح به)
<style>img{max-width:95%;}</style>
- عيوب الكود
الكود ربما يؤثر على كل الصور الموجوده فى المدونه
على سبيل المثال , سيؤثر الكود على حجم الشعار "اللوجو" الخاص
بالمدونه .
الحل الثانى :
- الكود المستخدم
#main-wrapper img{max-width:95%;}
- طريقة التركيب
افتح القالب , اضغط ctrl+f ثم ابحث عن ]]></b:skin>
ثم ضع الكود السابق تحتها , مع تغيير النسبه الملونه 95%
كما تريد . ويمكن ايضا استبدال النسبه الملونه بقيمه محدده
بالبيكسل , مثلا 900px , اختر العرض الذى يناسب مدونتك .
بالبيكسل , مثلا 900px , اختر العرض الذى يناسب مدونتك .
- عيوب الكود
لا يعمل مع كل القوالب .
سيكون شكل الصور هكذا بعد وضع الكود
بإذن الله تحل المشكله بإحدى الطريقتين
كافئ مجهودى بمشاركة الموضوع على جوجل + بالضغط على هذا الزر
ان واجهت نفس المشكله , اترك تعليق .
من فضلك اضغظ لايك لمشاهدة لينك التحميل
هام : هذا الموضوع ضمن تصنيفات المدونة
زووم العربية نشكرك للمتابعة . يمكنك نقل الموضوع من المدونة لكن بشرط يجب ذكر المصدر و ذكر رابط الموضوع الاصلي قبل نقل أي موضوع المرجوا زيارة صفحة الخصوصية تحت ترخيص DMCA Protection
دروس بلوجر
موضوع مكتمل أخى أحمد
ردحذفشاكر لمجهودك الرائع فى المدونة
العفو اخى محمود , مرورك العطر ازادنى شرفا .
حذفوالله شرح مكتمل ومجهود رائع تقبل تحياتي
ردحذفشكرا لمرورك اخى .
حذفحلو بس -_- انا كل ما اشوفها من اول يوم وهى زى اللى فى تطبيق الشرح ماكنتش خارجة
ردحذفالصوره معدله بـ "inspect elemeny" لمجرد توضيح شكل المشكله للأعضاء , وذلك لتبسيط المعلومه .
حذفشكرا لمرورك .
موضوع رائع
ردحذفانت الاروع اخى احمد .
حذف