منارة سورية 15 سنة من العطاء
قائمة
الرئيسية
المنتديات
المشاركات الجديدة
بحث بالمنتديات
ما الجديد
المشاركات الجديدة
جديد مشاركات الحائط
آخر النشاطات
الأعضاء
الزوار الحاليين
مشاركات الحائط الجديدة
البحث عن مشاركات الملف الشخصي
تسجيل الدخول
تسجيل
ما الجديد
البحث
البحث
بحث بالعناوين فقط
بواسطة:
المشاركات الجديدة
بحث بالمنتديات
قائمة
تسجيل الدخول
تسجيل
تثبيت التطبيق
تثبيت
المنتديات
الأقسام التقنية و المعلوماتية
قسم تصميم وتطوير المواقع
تصغير حجم الصورة بشكل صحيح للمنتديات
تم تعطيل الجافا سكربت. للحصول على تجربة أفضل، الرجاء تمكين الجافا سكربت في المتصفح الخاص بك قبل المتابعة.
أنت تستخدم أحد المتصفحات القديمة. قد لا يتم عرض هذا الموقع أو المواقع الأخرى بشكل صحيح.
يجب عليك ترقية متصفحك أو استخدام
أحد المتصفحات البديلة
.
الرد على الموضوع
الرسالة
<blockquote data-quote="دانيال" data-source="post: 1039508" data-attributes="member: 1"><p>كود تصغير الصور في المواضيع css</p><p>أقدم لكم كود تم طرحه و الحديث عنه كثيرا في المنتديات</p><p>ولكن لأسف الكثير من المواضيع لم تقنع البعض بمهمة هذا الكود أو بالطريقة التي يفعلها هذا الكود</p><p>فجميع ما طرح في المنتديات كان يسبب مشكله في تحجيم الصور في جميع انحاء المنتدى</p><p>والبعض الاخر كان يسبب له مشكلة في تصغير الصور الرمزية وصور التوقيع كذلك .</p><p></p><p>ولكن الحل دائما هنا باذن الله ، وكما عودتكم دائما على التطوير والوصول لافضل النتائج</p><p>ها أنا اطرح بين ايديكم الحل المضمون 100%</p><p></p><p>اولا لجعل الكود يعمل بنتيجة صحيحة يجب ان نضيف class خاص لنص الموضوع والمعروف </p><p></p><p>[PHP]$post[message]</p><p>[/PHP]</p><p></p><p>ستجد هذا الكود أو ما يسمى بالمتغير موجود في قالب البوست بت postbit او postbit_legacy وكذلك البوست بت ليجاسي ايضا ، ومهمة هو اظهار نص الموضوع أو المشاركة</p><p>ولتجنب تصغير الصور في مكان غير هذا المكان تحديدا يجب علينا ان نقوم بإعطاء هذا المتغير كلاس خاص به</p><p>ولعمل كلاس نقوم بتغيره الى :</p><p></p><p></p><p>[PHP]<div class="post1">$post[message]</div></p><p>[/PHP]</p><p></p><p></p><p>الان اصبح نص الموضوع و المشاركات له كلاس خاص به والمسمى post1 ، يمكن اضافة خصائص css اضافية له لمن يرغب ، وايضا يمكنك تركه بدون خصائص وسيعمل على الكلاس الذي اعلى منه دون مشاكل .</p><p>الان اذهب الى خصائص css في الحقل الاول واضف في السطر الاول الكود التالي :</p><p></p><p></p><p>[PHP].post1 IMG </p><p>{ </p><p> max-width: 90%;</p><p>}[/PHP]</p><p></p><p>شرح كود الـ css : يقوم هذا الكود بتصغير الصورة المدرجة في الموضوع او المشاركات بحجم لا يزيد عن 90% من حقل الموضوع</p><p>وبالتالي فلن تتأثر أي صور اخرى خارج هذا الكلاس .</p><p>كما يمكن التعديل على الرقم 90% بالحجم المناسب لك .</p></blockquote><p></p>
[QUOTE="دانيال, post: 1039508, member: 1"] كود تصغير الصور في المواضيع css أقدم لكم كود تم طرحه و الحديث عنه كثيرا في المنتديات ولكن لأسف الكثير من المواضيع لم تقنع البعض بمهمة هذا الكود أو بالطريقة التي يفعلها هذا الكود فجميع ما طرح في المنتديات كان يسبب مشكله في تحجيم الصور في جميع انحاء المنتدى والبعض الاخر كان يسبب له مشكلة في تصغير الصور الرمزية وصور التوقيع كذلك . ولكن الحل دائما هنا باذن الله ، وكما عودتكم دائما على التطوير والوصول لافضل النتائج ها أنا اطرح بين ايديكم الحل المضمون 100% اولا لجعل الكود يعمل بنتيجة صحيحة يجب ان نضيف class خاص لنص الموضوع والمعروف [PHP]$post[message] [/PHP] ستجد هذا الكود أو ما يسمى بالمتغير موجود في قالب البوست بت postbit او postbit_legacy وكذلك البوست بت ليجاسي ايضا ، ومهمة هو اظهار نص الموضوع أو المشاركة ولتجنب تصغير الصور في مكان غير هذا المكان تحديدا يجب علينا ان نقوم بإعطاء هذا المتغير كلاس خاص به ولعمل كلاس نقوم بتغيره الى : [PHP]<div class="post1">$post[message]</div> [/PHP] الان اصبح نص الموضوع و المشاركات له كلاس خاص به والمسمى post1 ، يمكن اضافة خصائص css اضافية له لمن يرغب ، وايضا يمكنك تركه بدون خصائص وسيعمل على الكلاس الذي اعلى منه دون مشاكل . الان اذهب الى خصائص css في الحقل الاول واضف في السطر الاول الكود التالي : [PHP].post1 IMG { max-width: 90%; }[/PHP] شرح كود الـ css : يقوم هذا الكود بتصغير الصورة المدرجة في الموضوع او المشاركات بحجم لا يزيد عن 90% من حقل الموضوع وبالتالي فلن تتأثر أي صور اخرى خارج هذا الكلاس . كما يمكن التعديل على الرقم 90% بالحجم المناسب لك . [/QUOTE]
إدراج الإقتباسات…
التحقق
رد
المنتديات
الأقسام التقنية و المعلوماتية
قسم تصميم وتطوير المواقع
تصغير حجم الصورة بشكل صحيح للمنتديات
أعلى