كود تصغير الصور في المواضيع css
المشاهدات:
5490
الردود:
4
هيلبرنت
.:: رفيق درب ::.
كود تصغير الصور في المواضيع css
أقدم لكم كود تم طرحه و الحديث عنه كثيرا في المنتديات
ولكن لأسف الكثير من المواضيع لم تقنع البعض بمهمة هذا الكود أو بالطريقة التي يفعلها هذا الكود
فجميع ما طرح في المنتديات كان يسبب مشكله في تحجيم الصور في جميع انحاء المنتدى
والبعض الاخر كان يسبب له مشكلة في تصغير الصور الرمزية وصور التوقيع كذلك .
ولكن الحل دائما هنا باذن الله ، وكما عودتكم دائما على التطوير والوصول لافضل النتائج
ها أنا اطرح بين ايديكم الحل المضمون 100%
اولا لجعل الكود يعمل بنتيجة صحيحة يجب ان نضيف class خاص لنص الموضوع والمعروف بـ :
ستجد هذا الكود أو ما يسمى بالمتغير موجود في قالب البوست بت postbit او postbit_legacy وكذلك البوست بت ليجاسي ايضا ، ومهمة هو اظهار نص الموضوع أو المشاركة
ولتجنب تصغير الصور في مكان غير هذا المكان تحديدا يجب علينا ان نقوم بإعطاء هذا المتغير كلاس خاص به
ولعمل كلاس نقوم بتغيره الى :
الان اصبح نص الموضوع و المشاركات له كلاس خاص به والمسمى post1 ، يمكن اضافة خصائص css اضافية له لمن يرغب ، وايضا يمكنك تركه بدون خصائص وسيعمل على الكلاس الذي اعلى منه دون مشاكل .
الان اذهب الى خصائص css في الحقل الاول واضف في السطر الاول الكود التالي :
شرح كود الـ css : يقوم هذا الكود بتصغير الصورة المدرجة في الموضوع او المشاركات بحجم لا يزيد عن 90% من حقل الموضوع
وبالتالي فلن تتأثر أي صور اخرى خارج هذا الكلاس .
كما يمكن التعديل على الرقم 90% بالحجم المناسب لك .
أقدم لكم كود تم طرحه و الحديث عنه كثيرا في المنتديات
ولكن لأسف الكثير من المواضيع لم تقنع البعض بمهمة هذا الكود أو بالطريقة التي يفعلها هذا الكود
فجميع ما طرح في المنتديات كان يسبب مشكله في تحجيم الصور في جميع انحاء المنتدى
والبعض الاخر كان يسبب له مشكلة في تصغير الصور الرمزية وصور التوقيع كذلك .
ولكن الحل دائما هنا باذن الله ، وكما عودتكم دائما على التطوير والوصول لافضل النتائج
ها أنا اطرح بين ايديكم الحل المضمون 100%
اولا لجعل الكود يعمل بنتيجة صحيحة يجب ان نضيف class خاص لنص الموضوع والمعروف بـ :
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
ستجد هذا الكود أو ما يسمى بالمتغير موجود في قالب البوست بت postbit او postbit_legacy وكذلك البوست بت ليجاسي ايضا ، ومهمة هو اظهار نص الموضوع أو المشاركة
ولتجنب تصغير الصور في مكان غير هذا المكان تحديدا يجب علينا ان نقوم بإعطاء هذا المتغير كلاس خاص به
ولعمل كلاس نقوم بتغيره الى :
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
الان اصبح نص الموضوع و المشاركات له كلاس خاص به والمسمى post1 ، يمكن اضافة خصائص css اضافية له لمن يرغب ، وايضا يمكنك تركه بدون خصائص وسيعمل على الكلاس الذي اعلى منه دون مشاكل .
الان اذهب الى خصائص css في الحقل الاول واضف في السطر الاول الكود التالي :
كود
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
شرح كود الـ css : يقوم هذا الكود بتصغير الصورة المدرجة في الموضوع او المشاركات بحجم لا يزيد عن 90% من حقل الموضوع
وبالتالي فلن تتأثر أي صور اخرى خارج هذا الكلاس .
كما يمكن التعديل على الرقم 90% بالحجم المناسب لك .
