الموضوع
:
كود تصغير الصور في المواضيع css
عرض مشاركة واحدة
احصائياتى
الردود
4
المشاهدات
3248
هيلبرنت
.:: رفيق درب ::.
المشاركات
11,551
+
التقييم
321
تاريخ التسجيل
Jul 2015
الاقامة
فى الدنيا
نظام التشغيل
windows 8
رقم العضوية
18
10-26-2015, 11:41 PM
المشاركة
1
10-26-2015, 11:41 PM
المشاركة
1
Tweet
كود تصغير الصور في المواضيع css
كود تصغير الصور في المواضيع css
أقدم لكم كود تم طرحه و الحديث عنه كثيرا في المنتديات
ولكن لأسف الكثير من المواضيع لم تقنع البعض بمهمة هذا الكود أو بالطريقة التي يفعلها هذا الكود
فجميع ما طرح في المنتديات كان يسبب مشكله في تحجيم الصور في جميع انحاء المنتدى
والبعض الاخر كان يسبب له مشكلة في تصغير الصور الرمزية وصور التوقيع كذلك .
ولكن الحل دائما هنا باذن الله ، وكما عودتكم دائما على التطوير والوصول لافضل النتائج
ها أنا اطرح بين ايديكم الحل المضمون 100%
اولا لجعل الكود يعمل بنتيجة صحيحة يجب ان نضيف class خاص لنص الموضوع والمعروف بـ :
كود:
$post[message]
ستجد هذا الكود أو ما يسمى بالمتغير موجود في قالب البوست بت postbit او postbit_legacy وكذلك البوست بت ليجاسي ايضا ، ومهمة هو اظهار نص الموضوع أو المشاركة
ولتجنب تصغير الصور في مكان غير هذا المكان تحديدا يجب علينا ان نقوم بإعطاء هذا المتغير كلاس خاص به
ولعمل كلاس نقوم بتغيره الى :
كود:
<div class="post1">$post[message]</div>
الان اصبح نص الموضوع و المشاركات له كلاس خاص به والمسمى post1 ، يمكن اضافة خصائص css اضافية له لمن يرغب ، وايضا يمكنك تركه بدون خصائص وسيعمل على الكلاس الذي اعلى منه دون مشاكل .
الان اذهب الى خصائص css في الحقل الاول واضف في السطر الاول الكود التالي :
كود:
.post1 IMG { max-width: 90%; }
شرح كود الـ css : يقوم هذا الكود بتصغير الصورة المدرجة في الموضوع او المشاركات بحجم لا يزيد عن 90% من حقل الموضوع
وبالتالي فلن تتأثر أي صور اخرى خارج هذا الكلاس .
كما يمكن التعديل على الرقم 90% بالحجم المناسب لك .
هيلبرنت
مشاهدة ملفه الشخصي
إرسال رسالة خاصة إلى هيلبرنت
البحث عن كل مشاركات هيلبرنت