لنقوم بالتعديل
اذهب الي
لوحة التحكم
مظهر المنتدى

التومبيلات

index_box

ثم نقوم بتعويض الكود بالكامل



بالكود التالي

الرمز:
{JAVASCRIPT}
<!-- BEGIN catrow --><!-- BEGIN tablehead
-->


<table width="100%" align="center" border="0"
cellspacing="0" cellpadding="0" height="مقاس ارتفاع الاطار">
<tbody><tr>
<td
width="مقاس عرض الاطار"><img src="ضع رابط الاطار من اليمين"
width="مقاس عرض الاطار" height="مقاس ارتفاع الاطار"></td>
<td
align="center" background=" رابط الخلفيه الخاص بالاطار
العلوي"><img src="رابط الصوره التي توضع على الخلفيه مثل اسم
منتداك" width="مقاس عرض الاطار" height="مقاس ارتفاع
الاطار"></td>
<td width="مقاس عرض الاطار"><img
src="ضع هنا رابط الاطار من اليسار" width="مقاس عرض الاطار " height="مقاس
ارتفاع الاطار"></td>
</tr>
</tbody></table>
<table
width="100%" align="center" border="0" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td width="مقاس
عرض الاطار" background="ضع هنا رابط الاطار اليسار الذي على الجنب">
</td>
<td valign="middle" align="center">




<table
class="forumline" width="100%" border="0" cellspacing="1"
cellpadding="2">
<tr>
<th
colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap"
width="100%">{catrow.tablehead.L_FORUM}</th>
<th
nowrap="nowrap" width="50">{L_TOPICS}</th>
<th
nowrap="nowrap" width="50">{L_POSTS}</th>
<th
nowrap="nowrap" width="150">{L_LASTPOST}</th>
</tr>
<!--
END tablehead --><!-- BEGIN cathead -->
<tr><!--
BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}"
width="46"><img src="{SPACER}" height="0"
width="46"></td>
<!-- END inc -->
<td
class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}"
width="100%"><span class="cattitle"><a class="cattitle"
title="{catrow.cathead.CAT_DESC}"
href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a></span></td>
<td
class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">
</td>
</tr>
<!-- END cathead --><!-- BEGIN
forumrow -->
<tr><!-- BEGIN inc -->
<td
class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img
src="{SPACER}" height="0" width="46"></td>
<!-- END inc
-->
<td class="{catrow.forumrow.INC_CLASS}" align="center"
valign="middle" height="50"><img
title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"
src="{catrow.forumrow.FORUM_FOLDER_IMG}"
alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}"></td>
<td
class="row1" onmouseover='this.className="row2"'
onmouseout='this.className="row1"' colspan="{catrow.forumrow.INC_SPAN}"
valign="top" width="100%" height="50"><span
class="forumlink"><a class="forumlink"
href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br
/>
</span> <span
class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span
class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!--
END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></td>
<!--
BEGIN forum_link_no -->
<td class="row3" align="center"
valign="middle" height="50"><span
class="gensmall">{catrow.forumrow.TOPICS}</span></td>
<td
class="row2" align="center" valign="middle" height="50"><span
class="gensmall">{catrow.forumrow.POSTS}</span></td>
<td
class="row3" onmouseover='this.className="row1"'
onmouseout='this.className="row3"' align="center" valign="middle"
nowrap="nowrap" height="50"><span
class="gensmall">{catrow.forumrow.LAST_POST}</span></td>
<!--
END forum_link_no --><!-- BEGIN forum_link -->
<td
class="row3" colspan="3" align="center" valign="middle"
height="50"><span
class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!--
END forum_link --></tr>
<!-- END forumrow --><!--
BEGIN catfoot -->
<tr><!-- BEGIN inc -->
<td
class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img
src="{SPACER}" height="0" width="46"></td>
<!-- END inc
-->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}"
height="1"><img src="{SPACER}" alt="" height="1"
width="1"></td>
</tr><!-- END catfoot --><!--
BEGIN tablefoot --></table>


</td>
<td
width="مقاس عرض الاطار " background="رابط الصوره على الجنب اليمين">
</td>
</tr>
</tbody>
</table>
<table
width="100%" align="center" border="0" cellpadding="0" cellspacing="0"
height="مقاس ارتفاع الاطار">
<tbody><tr>
<td
width="مقاس عرض الاطار"><img src="ضع هنا رابط الاطار اليمين"
width="مقاس عرض الاطار" height="مقاس ارتفاع الاطار"></td>
<td
background="ضع هنا رابط خلفية الاطار السفلي"> </td>
<td
width="مقاس عرض الاطار"><img src="ضع هنا رابط الاطار اليسار"
width="مقاس عرض الاطار" height="مقاس ارتفاع الاطار"></td>
</tr>
</tbody></table>
<img
src="{SPACER}" alt="" height="5" width="1"><!-- END tablefoot
--><!-- END catrow -->


اولا سيكون عليك عمل اطار وتقسيمه الي ثلاثة
اقسام وكل قسم له اقسامه الخاصه
يجب الانتباه الي التقسيم
1- الاطار
العلوي
الي 4 اقسام للاطار العلوي
اطار علوي يمين
اطار علوي
يسار
خلفية الاطار العلوي
ولوجو للاطار
2- الجوانب
الي 2
للجوانب
جنب يمين
جنب يسار
3- السفلي
3 اقسام للاطار السفلي
اطار
سفلي يمين
اطار سفلي يسار
خلفية الاطار
لابد من تحديد مقاس موحد
للارتفاع
ومقاس موحد للعرض
ثم بعد رفع الصور على مركز رفع سيكون
عليك تعويض الصور بمكانها بالكود
ووضع المقاسات الصحيحه للاطارات
ثم
تعويض الكود المعدل بالاصلي

كود رائع ننتظر جديدك
بتوفيق

شكرا اخى الكريم تقبل مرورى

شكرا لك كود مميز وطرح رائع