منتديات حزن العشاق - عرض مشاركة واحدة - [شرح] تصغير الصور بدون هاكات ولا تعديل قوالب باستخدام تقنية css المطابقة للمعايير القياسية

12-24-2012 ~ 11:30 PM

بسم الله الرحمن الرحيم

تصغير الصور بدون هاكات ولا تعديل قوالب باستخدام تقنية css المطابقة للمعايير القياسية

اولا بهدي الشرح لمعهد روابط في بي لان الصور كبيرة بالموقع

وسبب طرح الموضوع هو الصور كبيرة بتعطي صورة سيئة للمواضع

وارجوا تركيب الكود

خفيف ورائع وجميل
اولا انا ركبت حوالي ثلات هاكات اضفت كودات ولا واحد ضبط معي دائما فيهم نقص

الحمد لله هنا ضبط معي بالدليل
[ اسم الشرح ] : تصغير الصور بدون هاكات ولا تعديل قوالب

[ الوصف ] : الطريقة عبارة عن إضافة كود بسيط بخواص css

[ يتوافق مع اي اصدار ] : يتوافق مع جميع الاصدارات للجيل الثالث

مشاكل كثيرة وعديدة من الصور بالمواضيع والتواقيع
والتي تكون بأحجام كبيرة ومقاسات ضخمه
ورأينا وجود منتجات وهاكات ولكن يوجد بها الكثير من الأخطاء والإستعلامات

كما وتوجد أيضا طريقة بالتعديل على الملف
includes/class_bbcode.php
وهي الأكثر استخداما ولكنها تحوي على خطأ واحد بكل صفحة عند فحصها

إذا فجميع الطرق بها الأخطاء وتبطئ التصفح باستخدامها

هي بإضافة كود css صغير يقوم بتصغير أطوال الصور لما يناسبك

تم تحجيم الصورة من 1600 × 1200 إلى 500 × 375

بدون أخطاء وبامكانك التأكد من فاحص الأخطاء للاستايلات

بفحص الصفحة التي تحتوي على الصور المعاد تحجيمها قبل استخام الكود وبعده

الطريقة
فقط انسخ الكود التالي وقم بلصق محتواه بأكواد css الإضافية

لجميع الاستايلات

قبل التركيب شاهدوا الصورة

بعد التركيب

مثال للمعاينة

صور مناظر طبيعية جديدة 2013 - منتديات برامج شاركي

حيث ( 500 ) : هي العرض الأقصى للصور

وسيتم إعادة تحجيم أي صورة اكبر من هذا المقاس للعرض 500 بكسل

:: ملاحظة مهمه ::
الكود راح يأثر على جميع صور الاستايل ( البنرات + الهيدر والفوتر + التأطير )

راح تأثر على جميع الصور بجميع مناطق الاستايل والمنتدى
ولكن أي صور ؟؟؟؟
فقط الصور التي يكون عرضها أكثر من 500 بيكسل

لذلك عليك أن تقوم بالتعديل على الكود
بحيث تضع العرض الأقصى أكبر من عرض اي صورة بتصميم الاستايل

يعني على سبيل المثال
لو كانت صورة الهيدر عرضها 700 بيكسل
فعليك بتعديل الكود ليكون كهذا

كود:
img{ height: auto; max-width: 800px; }

راح تأثر على جميع الصور بجميع مناطق الاستايل والمنتدى وتجعلها بالمقاس الي بدك انت
ولكن أي صور ؟؟؟؟
فقط الصور التي يكون عرضها أكثر من 500 بيكسل

لذلك عليك أن تقوم بالتعديل على الكود
بحيث تضع العرض الأقصى أكبر من عرض اي صورة بتصميم الاستايل

يعني على سبيل المثال
لو كانت صورة الهيدر عرضها 700 بيكسل
فعليك بتعديل الكود ليكون كهذا

إن شاء الله وضحت الفكرة وتمت تجربت الكود الحمد لله يغنيك كل

الهاكات التي تعمل تقل بالسرفير

منقول للدكر من عمل الاخ عاشق الورد بارك الله فيه

تصغير الصور بدون هاكات ولا تعديل قوالب باستخدام تقنية css المطابقة للمعايير القياسية اولا بهدي الشرح لمعهد روابط في بي لان الصور كبيرة بالموقع ...