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

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

تصغير الصور بدون هاكات ولا تعديل قوالب باستخدام تقنية 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 المطابقة للمعايير القياسية اولا بهدي الشرح لمعهد روابط في بي لان الصور كبيرة بالموقع ...

عاشت الايادي

دوم الابداع

يعطيك الف عافيه

يسسلموووٍ علىاٍ هذٍايٍ النثر
الجميل‘ الرقيق
راقٍ ليٍ جدأأ ماانثرٍ قلمكٍ
من ابداعٍ يعطيكٍ الفٍ
عافي ‘ـهٍ بنتظأرٍ المزيٍدٍ
منٍ ابدا‘أعأـتكٍ الجميلهٍ
ذاتٍ تششويقٍ اكثرٍ
دمت و دامٍ نزٍفٍ بوحك
بخيرٍ تقبل مرورٍيٍ
المتواضضٍعٍ كانٍ
هنــأـأـأـأ >>> asmar

سلمت الايادي
لاعدمنا جديدك
ودي قبل ردي

روعه
عاشت ايدك يا زوووء
متجدد دوما بمواضيع هادفه مشاعر
لروحك بسمه نقيه

سعدتُ..بتوآجدي هُنا
زخم من الإبداع..والجمال
فسلمت أيادي..جلبت لنا كل جميل
ولآحرمنا الله جديدك..الرآئع..
تحيه معطره..برياحين..الياسمين