وحيد
21/02/2006, 11:26 PM
بسم الله الرحمن الرحيم
تحية لكم جميعا
الكثير منا من يعاني من طريقة عرض الصور
وزيادة مساحتها عن المساحة المحدودة للصفحة
سواء في الصفحات العادية
(رغم بساطة التحكم بذلك بواسطة الفرونت بيج وذلك بعمل مصغر تلقائي للصورة)
أو في المنتديات
(رغم وجود هاك لتصغير الصور تلقائيا)
أو حتى بالألبوم عند عرض تفاصسل الصورة كاملة
قد تكون الصورة بقياس أكبر من الصفحة أو من مقياس الشاشة للمستخدم
وأخير لقيت هذا الكود البرمجي بلغة جافا وهو من منتديات مرسى الإمارات بارك الله فيهم
تمت تجربته على ألبوم الصور
وعلى المنتدى
وصفحات عادية
وأثبت كفائته بحمد الله
وهو سهل جدا يحتاج لملف واحد فقط
وتعديلات بسيطة هي كالآتي
----------------------------------------------
أولا : لتركيبه على المنتدى
1- من لوحة تحكم المنتدى الخاصة بك
توجه إلى :
Styles & Templates
Style Manager
Main CSS
في نهاية الصفحة وفي جدول Additional CSS Definitions
إبحث عن :
.inlineimg { vertical-align: middle; }
أسفله مباشرة ً
أضف هذا الكود الجديد :
.imglimit {cursor: pointer;border: dotted 1px black;}
إحفظ العمل .
من لوحة التحكم أيضآ
توجه إلى :
Styles & Templates
Style Manager
Common Templates
في تمبلت : headinclude
إبحث عن :
<script type="text/javascript">
<!--
var SESSIONURL = "$session[sessionurl_js]";
var IMGDIR_MISC = "$stylevar[imgdir_misc]";
// -->
</script>
أسفله مباشرة ً
أضف هذا الكود الجديد :
<script type="text/javascript" src="clientscript/resizeall.js"></script>
إحفظ العمل .
ستجد في الملف المرفق ملف بإسم : resizeall.js
أرسل الملف إلى السيرفر في هذا المجلد : clientscript
----------------------------------------------
ثانيا : لتركيبه في ألبوم الصور
وفائدته هو إذا كانت الصور كبيرة مثلا بمقياس 800 × 600
فسيتم تصغيرها إلى مقياس معين لكي لا يتشوه العرض في الصفحة
افتح الملف
style
الموجود ضمن ملفات التمبلت الخاص بك
وضع في آخره
.imglimit {cursor: pointer;border: dotted 1px black;}
افتح التمبلت
header.html
ضع في آخره
<script type="text/javascript" src="resizeall.js"></script>
ستجد في الملف المرفق ملف بإسم : resizeall.js
ضعه في المجلد الرئيسي للألبوم
----------------------------------------------
ثالثا : لإستخدامه ضمن الصفحات العادية
فضع في صفحتك الكود التالي
<style type="text/css">
.imglimit {cursor: pointer;border: dotted 1px black;}
</style>
<script type="text/javascript" src="resizeall.js"></script>
ستجد في الملف المرفق ملف بإسم : resizeall.js
ضعه في نفس مجلد الصفحة
يمكنك تحديد الحد الأقصى للصورة والذي سيتم بعده التصغير التلقائي
وتحديد حجم الصورة بعد التصغير
وذلك من خلال الملف
resizeall.js
أتمنى افادتكم جميعا
تحية عذبة لكم
تحية لكم جميعا
الكثير منا من يعاني من طريقة عرض الصور
وزيادة مساحتها عن المساحة المحدودة للصفحة
سواء في الصفحات العادية
(رغم بساطة التحكم بذلك بواسطة الفرونت بيج وذلك بعمل مصغر تلقائي للصورة)
أو في المنتديات
(رغم وجود هاك لتصغير الصور تلقائيا)
أو حتى بالألبوم عند عرض تفاصسل الصورة كاملة
قد تكون الصورة بقياس أكبر من الصفحة أو من مقياس الشاشة للمستخدم
وأخير لقيت هذا الكود البرمجي بلغة جافا وهو من منتديات مرسى الإمارات بارك الله فيهم
تمت تجربته على ألبوم الصور
وعلى المنتدى
وصفحات عادية
وأثبت كفائته بحمد الله
وهو سهل جدا يحتاج لملف واحد فقط
وتعديلات بسيطة هي كالآتي
----------------------------------------------
أولا : لتركيبه على المنتدى
1- من لوحة تحكم المنتدى الخاصة بك
توجه إلى :
Styles & Templates
Style Manager
Main CSS
في نهاية الصفحة وفي جدول Additional CSS Definitions
إبحث عن :
.inlineimg { vertical-align: middle; }
أسفله مباشرة ً
أضف هذا الكود الجديد :
.imglimit {cursor: pointer;border: dotted 1px black;}
إحفظ العمل .
من لوحة التحكم أيضآ
توجه إلى :
Styles & Templates
Style Manager
Common Templates
في تمبلت : headinclude
إبحث عن :
<script type="text/javascript">
<!--
var SESSIONURL = "$session[sessionurl_js]";
var IMGDIR_MISC = "$stylevar[imgdir_misc]";
// -->
</script>
أسفله مباشرة ً
أضف هذا الكود الجديد :
<script type="text/javascript" src="clientscript/resizeall.js"></script>
إحفظ العمل .
ستجد في الملف المرفق ملف بإسم : resizeall.js
أرسل الملف إلى السيرفر في هذا المجلد : clientscript
----------------------------------------------
ثانيا : لتركيبه في ألبوم الصور
وفائدته هو إذا كانت الصور كبيرة مثلا بمقياس 800 × 600
فسيتم تصغيرها إلى مقياس معين لكي لا يتشوه العرض في الصفحة
افتح الملف
style
الموجود ضمن ملفات التمبلت الخاص بك
وضع في آخره
.imglimit {cursor: pointer;border: dotted 1px black;}
افتح التمبلت
header.html
ضع في آخره
<script type="text/javascript" src="resizeall.js"></script>
ستجد في الملف المرفق ملف بإسم : resizeall.js
ضعه في المجلد الرئيسي للألبوم
----------------------------------------------
ثالثا : لإستخدامه ضمن الصفحات العادية
فضع في صفحتك الكود التالي
<style type="text/css">
.imglimit {cursor: pointer;border: dotted 1px black;}
</style>
<script type="text/javascript" src="resizeall.js"></script>
ستجد في الملف المرفق ملف بإسم : resizeall.js
ضعه في نفس مجلد الصفحة
يمكنك تحديد الحد الأقصى للصورة والذي سيتم بعده التصغير التلقائي
وتحديد حجم الصورة بعد التصغير
وذلك من خلال الملف
resizeall.js
أتمنى افادتكم جميعا
تحية عذبة لكم