تصغير حجم الصورة بشكل صحيح للمنتديات

دانيال

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

ولكن الحل دائما هنا باذن الله ، وكما عودتكم دائما على التطوير والوصول لافضل النتائج
ها أنا اطرح بين ايديكم الحل المضمون 100%

اولا لجعل الكود يعمل بنتيجة صحيحة يجب ان نضيف class خاص لنص الموضوع والمعروف

PHP:
$post[message]

ستجد هذا الكود أو ما يسمى بالمتغير موجود في قالب البوست بت postbit او postbit_legacy وكذلك البوست بت ليجاسي ايضا ، ومهمة هو اظهار نص الموضوع أو المشاركة
ولتجنب تصغير الصور في مكان غير هذا المكان تحديدا يجب علينا ان نقوم بإعطاء هذا المتغير كلاس خاص به
ولعمل كلاس نقوم بتغيره الى :


PHP:
<div class="post1">$post[message]</div>


الان اصبح نص الموضوع و المشاركات له كلاس خاص به والمسمى post1 ، يمكن اضافة خصائص css اضافية له لمن يرغب ، وايضا يمكنك تركه بدون خصائص وسيعمل على الكلاس الذي اعلى منه دون مشاكل .
الان اذهب الى خصائص css في الحقل الاول واضف في السطر الاول الكود التالي :


PHP:
.post1 IMG 
{ 
    max-width: 90%;
}

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

مواضيع مماثلة

أعلى