الجمعة، 3 فبراير 2012

تحديث | حل مشكلة الصور في قالب personalpress










تم إيجاد حل مشكلة الصور في قالب personalpress الذي سبق الإشارة إليه في التدوينة التالية






إذ كانت المشكلة تتعلق بتداخل الصور مع الكتابة وحاجة المدون الدائمة لإضافة كود معين لإصلاحها


__________




الحل بسيط جدا يتمثل في حذف إحدى الأكواد من القالب، وذلك كالتالي:


من لوحة تحكم مدونتك توجه إلى: تصميم > تحرير HTML > ابحث عن الكود التالي


div.separator { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkSjLW_Wvm7kROxsGCS_Bec02Zom1fuPEJFf8_F0hIyLnXutTlBrG732pM_AQX68ni1rRKNk4FUPorA5KithxwOguQpgUiE7TTFodDvKnL1bpLZlu8QUysEjeRF3Ng-_x1FfolL2Hngzu8/") repeat-x; height: 2px; }




قم بحذفه بالكامل ،، ثم ابحث مجددا عن الكود التالي واحذفه أيضا







<div class='separator'/>


احفظ التغيرات في قالب مدونتك ثم استعرضها


وستجد أن المشكلة قد حلت بإذن الله    ◕‿◕






الشكر الجزيل للمدون أناس كيو على مساهمته الكبيرة في حل المشكلة





__________





مشكلة أخرى تتعلق بصور قالب personalpress وهي خروج الصور الكبيرة عن إطار التدوينة



وللأسف لا تنفع مع هذا القالب بعض الأكواد الشائعة عن هذه المشكلة ،،



من لوحة تحكم مدونتك توجه إلى: تصميم > تحرير HTML > ابحث عن الوسم التالي


 ]]></b:skin>
 



وأضف بعده مباشرة (أسفل منه - تحته) هذا الكود





<style type='text/css'>

img {

max-width: 500px;

width: expression(this.width &gt; 500 ? 500: true); }



</style>





__________















6 التعليقات:

Q8OK يقول... في 4 فبراير 2012 في 6:24 م

جزاج الله ألف خير اختي ام نضال

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

هل بالامكان اضافه كود او سكربت في القالب يتحكم بعرض الصور وعدم خروجها من حدود التدوينة بشكل آلي حتى وان كانت الصور كبيرة بالحجم ؟

فأنا استخدمت القالب واضفت كود الاخ ذؤيب ولكن دون جدوى

أسماء || أم نضال || يقول... في 5 فبراير 2012 في 2:18 ص

@Q8OK

بارك الله فيك على التنبيه للأمر أخي،

هذا القالب عنيد جدا لا يقبل أي كود أو تعديل بسهولة سوى بالتحايل عليه

ابحث عن الوسم التالي في تحرير html مدونتك

]]></b:skin>

ثم أضف بعده مباشرة (تحته - تحته) الكود التالي


<style type='text/css'>
img {
max-width: 500px;
width: expression(this.width &gt; 500 ? 500: true); }

</style>

واحفظ تغيرات قالبك وستجد الصور الكبيرة قد تم تصغيرها بإذن الله

Q8OK يقول... في 5 فبراير 2012 في 10:40 ص

تم تركيب الكود في القالب ولكن ظهرت عندي مشكلة بأن القالب في البداية لم يقبل الحفظ ولكن قمت بازالة اول سكر لان لدي اضافة اخرى بها نفس السطر فهل سيعمل الكود بالشكل السليم بعد ازاله السطر الأول ؟

أسماء || أم نضال || يقول... في 5 فبراير 2012 في 12:29 م

@Q8OK

كلا أخي لا يجب عليك حذف أي سطر وإلا سيتأثر الكود ولا يعطي نتيجة

جرب إنشاء تدوينة فيها صورة كبيرة ثم عد إلى تحرير html القالب وأضف الكود

وقم بالمعاينة فإذا صغر حجم الصورة بالتدوينة اِلحفظ التغيرات

Q8OK يقول... في 5 فبراير 2012 في 4:51 م

المشكله ان هناك كود في القالب له نفس البدايه ولا اذكر الكود يختص بشنو بالضبط لاني نسيته واعتقد ان الكود هو اساسا في القالب وليس مضاف

Unknown يقول... في 29 أبريل 2013 في 3:55 م

السلام عليكم أم نضال ...
المشكلة الثانية خروج الصور عن اطار التدوينة ماضبط معي .. فهل هناك حل آخر؟
آرجو الرد بسررعه... وشكراً..!!

إرسال تعليق

 

me | twitter