كود وضع ايطار وفوتر للشات

السلام عليكم ورحمة الله وبركاته

اقدم لكم كود الشات الاحترافي ِ ايضار وفوتر
صورة معاينة الكود



لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب index_body ونضغط عليه تعديل
اولا للدردشة التي تظهر اسفل المنتدي
نبحث عن هذا الجزء بداخل القالب

{CHATBOX_BOTTOM}

ونحذفه ونضع مكانه الكود التالي

الكود:

 
 <table width="100%" height="100" cellspacing="0" cellpadding="0"
border="0" align="center"><tbody><tr><td width="عرض
الصورة يمين علوي"><img width="عرض الصورة يمين علوي" height="طول
الصورة يمين علوي" src="رابط صورة يمين علوي"></td><td
background="رابط صورة ممتدة علوي" align="center"><img
width="العرض" height="طول الصورة شمال علوي" src="رابط صورة شعار في
المنتصف"></td><td width="عرض الصورة علوي شمال"><img
width="عرض الصورة علوي شمال" height="الطول العلوي" src="رابط صورة علوي
شمال"></td></tr></tbody></table>
        {CHATBOX_BOTTOM}
 
  <table width="100%" height="الطول السفلي" cellspacing="0"
cellpadding="0" border="0"
align="center"><tbody><tr><td width="عرض الصورة يمين
سفلي"><img width="عرض الصورة يمين سفلي" height="الطول يمين سفلي"
src="رابط صورة يمين سفلي"></td><td background="رابط صورة
ممتدة"> </td><td width="عرض الصورة شمال سفلي"><img
width="عرض الصورة شمال سفلي" height="الطول السفلي" src="رابط الصورة شمال
 سفلي"></td></tr></tbody></table>

ثانيا للدردشة التي تظهر اعلاه المنتدي
نبحث عن هذا الجزء بداخل القالب

الكود:

{CHATBOX_TOP}

ونحذفه ونضع مكانه الكود التالي

الكود:


 
  <table width="100%" height="100" cellspacing="0" cellpadding="0"
border="0" align="center"><tbody><tr><td width="عرض
الصورة يمين علوي"><img width="عرض الصورة يمين علوي" height="طول
الصورة يمين علوي" src="رابط صورة يمين علوي"></td><td
background="رابط صورة ممتدة علوي" align="center"><img
width="العرض" height="طول الصورة شمال علوي" src="رابط صورة شعار في
المنتصف"></td><td width="عرض الصورة علوي شمال"><img
width="عرض الصورة علوي شمال" height="الطول العلوي" src="رابط صورة علوي
شمال"></td></tr></tbody></table>
        {CHATBOX_TOP}
 
  <table width="100%" height="الطول السفلي" cellspacing="0"
cellpadding="0" border="0"
align="center"><tbody><tr><td width="عرض الصورة يمين
سفلي"><img width="عرض الصورة يمين سفلي" height="الطول يمين سفلي"
src="رابط صورة يمين سفلي"></td><td background="رابط صورة
ممتدة"> </td><td width="عرض الصورة شمال سفلي"><img
width="عرض الصورة شمال سفلي" height="الطول السفلي" src="رابط الصورة شمال
 سفلي"></td></tr></tbody></table>


يمكنكم تغير الصور مع العرض والارتفاع في الكود


ملحوظة يجب تشغيل علبة الدردشة اسفل الصفحة الرئيسة
علبة الدرشة ( Chat Box )
ومبروك عليك الكود

يارب ان اكون وفقت في شرحي ِ دمتم بالخير لنا ان شاء الله

شكرا على الكود