تصغير الصور التلقائي للصور لكل النسخ

HaRD-2-GeT · #1 (**permalink**) 01-25-2007, 05:30 PM

[align=center]بسم الله الرحمن الرحيم

تحية لكم جميعا

الكثير منا من يعاني من طريقة عرض الصور

وزيادة مساحتها عن المساحة المحدودة للصفحة

سواء في الصفحات العادية

أو في المنتديات

(رغم وجود هاك لتصغير الصور تلقائيا)

أو حتى بالألبوم عند عرض تفاصيل الصورة كاملة

قد تكون الصورة بقياس أكبر من الصفحة أو من مقياس الشاشة للمستخدم

تمت تجربته على ألبوم الصور

وعلى المنتدى

وصفحات عادية

وأثبت كفائته بحمد الله

وهو سهل جدا يحتاج لملف واحد فقط

وتعديلات بسيطة هي كالآتي

----------------------------------------------

أولا : لتركيبه على المنتدى

1- من لوحة تحكم المنتدى الخاصة بك

توجه إلى :

Styles & Templates

Style Manager

Main CSS

في نهاية الصفحة وفي جدول Additional CSS Definitions

إبحث عن :

كود PHP:


			
.inlineimg { vertical-align: middle; }

أسفله مباشرة ً

أضف هذا الكود الجديد :

كود PHP:


			
.imglimit {cursor: pointer;border: dotted 1px black;}

إحفظ العمل .

من لوحة التحكم أيضآ

توجه إلى :

Styles & Templates

Style Manager

Common Templates

في تمبلت : headinclude

إبحث عن :

كود PHP:


			
<script type="text/javascript"> 



<!-- 



var SESSIONURL = "$session[sessionurl_js]"; 



var IMGDIR_MISC = "$stylevar[imgdir_misc]"; 



// --> 



</script>

أسفله مباشرة ً

أضف هذا الكود الجديد :

كود PHP:


			
<script type="text/javascript" src="clientscript/resizeall.js"></script>

إحفظ العمل .

إفتح تمبلت : SHOWTHREAD

إبحث عن :

كود PHP:


			
<body onload="$onload">

استبدله بهذا الكود الجديد :

كود PHP:


			
<body onload="$onload; fiImageResize()">

ستجد في الملف المرفق ملف بإسم : resizeall.js

أرسل الملف إلى السيرفر في هذا المجلد : clientscript

----------------------------------------------

ثانيا : لتركيبه في ألبوم الصور

وفائدته هو إذا كانت الصور كبيرة مثلا بمقياس 800 × 600

فسيتم تصغيرها إلى مقياس معين لكي لا يتشوه العرض في الصفحة

افتح الملف

style

الموجود ضمن ملفات التمبلت الخاص بك

وضع في آخره

كود PHP:


			
.imglimit {cursor: pointer;border: dotted 1px black;}

افتح التمبلت

header.html

ضع في آخره

كود PHP:


			
<script type="text/javascript" src="resizeall.js"></script>

ستجد في الملف المرفق ملف بإسم : resizeall.js

ضعه في المجلد الرئيسي للألبوم

----------------------------------------------

ثالثا : لإستخدامه ضمن الصفحات العادية

فضع في صفحتك الكود التالي

كود PHP:


			
<style type="text/css"> 



.imglimit {cursor: pointer;border: dotted 1px black;} 



</style>  



<script type="text/javascript" src="resizeall.js"></script>

ستجد في الملف المرفق ملف بإسم : resizeall.js

ضعه في نفس مجلد الصفحة

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

وتحديد حجم الصورة بعد التصغير

وذلك من خلال الملف

resizeall.js[/align]

ميدووو555 · #2 (**permalink**) 01-30-2007, 06:51 PM

مشكور اخي

لكن واحد من الشباب الي ركبو يقول هل زبط معو ولالاء

تحياتي

mandocasber · #3 (**permalink**) 02-05-2007, 04:20 AM

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

almo7eb · #4 (**permalink**) 02-08-2007, 02:11 AM

مشكوور ياصعب

انا اواجه مشكله فعلا بسبب الصور

رغم وجود هاك تصغير الصور

ساعود لتجربته

الشفت · #5 (**permalink**) 02-15-2007, 05:35 AM

مشكور يا مبدع

$منتديات جسد اللقافة ينتهي في 15\2\1429 هـ$	$'منتدى لحظات لكل جديد ومفيد حيث المتعه والفائده ينتهي في 13\12\1429 هـ$	$موقع احطك بعيوني ينتهي في 19\12\1429 هـ$
$عقارية المدينة ينتهي في 12\12\1429 هـ$	$حراج سيارات شراء استبدال بيع جديدة و مستعملة جميع أنواع السيارات ينتهي في 12\5\1430 هـ$
$مركز تحميل فلفة ينتهي في 16\12\1429 هـ$	$'للاعلان بالموقع 0\0\1429 هـ$	$شبكة ورود الروح ينتهي في 16\12\1429 هـ$

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

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري