السلام عليكم ورحمة الله و بركاته
......................................
اليوم جايب لكم كود رائع جدا
هذا الكود يقوم بتصغير الصورة تلقائيا إذا زاد عرضها عن حد معين تحدده انت بما يتناسب مع منتداك
فائدته:
الصور ذات العرض الكبير تقوم بتشويه مظهر المنتدى و زيادة عرضه لذا فهذا الكود يمنع ذلك مع امكانية تكبير الصورة عند الضغط عليها
الكود:
- الكود:
-
<script type="text/javascript">
window.onload = resizeimg;
function resizeimg()
{
if (document.getElementsByTagName)
{
for (i=0; i<document.getElementsByTagName('img').length; i++)
{
im = document.getElementsByTagName('img')[i];
if (im.width > 600)
{
im.style.width = '600px';
eval("pop" + String(i) + " = new Function(\"pop = window.open('" + im.src + " ','fullscale','width=800,height=600,scrollbars=1,resizable=1'); pop.focus();\")");
eval("im.onclick = pop" + String(i) + ";");
if (document.all) im.style.cursor = 'hand';
if (!document.all) im.style.cursor = 'pointer';
im.title = 'اضغط على الصورة لرؤيتها بالحجم الأصلي ';
}
}
}
}
</script>
عيب الكود:
الكود لا يفرق بين أي صورة في المنتدى لذا سيقوم بتصغير أي صورة يزيد حجمها عن الحد الذي حددته و هذا سيؤثر على واجهة المنتدى عند فتح أي موضوع ستجد ان الواجهة تم تصغيرها"إذا كانت أعرض من الحد المعين"
حل المشكلة:
بما أن هذا الكود لمن يملكون صلاحيات تعديل الtemplates
فيمكن بسهولة حل هذه المشكلة عن طريق التالي:
-عمل الواجهة كخلفية و ليست صورة
-تقسيم الواجهة إلى جزأين أو أكثر بحيث يكون كل جزء لا يزيد عرضه عن الحد المعين
ثم تركيب هذه الاجزاء باستخدام html
-الحل الاسهل: عمل الواجهة فلاشية
مكان التركيب :
يتم تركيب الكود في:
لوحة الادارة < مظهر المنتدى< التومبلات <إدارة عامة <ثم ضع الكود في:
viewtopic_body
طبعا هذا الكود لمن يملكون صلاحية التعديل في templates