عيد الاضحى المبارك


مواضيع تهمك

ركن تطوير منتديات vb3.8.0 القسم خاص بتطوير منتديات الجيل الثالث ويمنع منعاً باتاً.. كتابة اي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin ))

كود تصغير الصور في المواضيع css

كود تصغير الصور في المواضيع css أقدم لكم كود تم طرحه و الحديث عنه كثيرا في المنتديات ولكن لأسف الكثير من...

احصائياتى

الردود
4

المشاهدات
3080
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
10-26-2015, 11:41 PM
المشاركة 1
10-26-2015, 11:41 PM
المشاركة 1
افتراضي كود تصغير الصور في المواضيع 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% بالحجم المناسب لك .


قديم 10-27-2015, 01:06 PM
المشاركة 2
مصطفى
.:: عضو مشارك ::.
  • مصطفى غير متواجد حالياً
افتراضي رد: كود تصغير الصور في المواضيع css
ياريت لو كان في صور امثله
شكرا لك

قديم 10-27-2015, 03:02 PM
المشاركة 3
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: كود تصغير الصور في المواضيع css
ياريت لو كان في صور امثله
شكرا لك
طب ايه اللى ظهر معاك

التعديل الأخير تم بواسطة هيلبرنت ; 11-14-2015 الساعة 11:30 AM
قديم 11-13-2015, 01:08 PM
المشاركة 4
~ GOOGLE ~
.:: عضو مبدع ::.
  • ~ GOOGLE ~ غير متواجد حالياً
افتراضي رد: كود تصغير الصور في المواضيع css
ما زبط يا اخ ابو كريم حاولة شوف هلموضوع

قديم 11-14-2015, 11:28 AM
المشاركة 5
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: كود تصغير الصور في المواضيع css
ما زبط يا اخ ابو كريم حاولة شوف هلموضوع
ايه اللى ظهر معاك

اضافة رد

العلامات المرجعية

كود تصغير الصور في المواضيع css


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: كود تصغير الصور في المواضيع css
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
هاك تصغير الصور خفيف الحجم سهل التركيب هيلبرنت ركن تطوير منتديات vb3.8.0 5 12-24-2022 09:18 AM
طلب حل مشكلة تصغير الصور فى المواضيع ناصر سات ركن مشاكل وطلبات المنتديات 13 01-19-2021 01:03 AM
[blogger] كود تصغير الصور تلقائياً في مدونات بلوجر blogger هيلبرنت ركن تطوير المواقع 1 01-27-2019 09:03 AM
[css] تصغير حجم الصور في المواضيع Mc Nabulsy ركن تطوير منتديات vb3.8.0 2 01-09-2019 11:06 PM
تصغير الصور تلقائياً لمجلة ووردبريس Wordpress هيلبرنت ركن تطوير المواقع 1 12-04-2016 02:50 PM




الساعة الآن 02:27 AM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum