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

الكود:



    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <td width="270" height="61"><img border="0" src="http://i46.servimg.com/u/f46/16/36/62/66/110.png" width="270" height="61"></td>
    <td align="center" background="http://i46.servimg.com/u/f46/16/36/62/66/210.png"><img border="0" src="http://i46.servimg.com/u/f46/16/36/62/66/210.png" width="0" height="61"></td>
    <td width="170" height="61"><img border="0" src="http://i46.servimg.com/u/f46/16/36/62/66/311.png" width="170" height="61"></td>
    </tr>
    </tbody></table>
    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
    <tbody>
    <tr>
    <td width="19" background="http://i46.servimg.com/u/f46/16/36/62/66/910.png">
    <td valign="middle"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
    <th nowrap="nowrap" width="150"><div style="width:250px;">{L_LASTPOST}</div></th>
    <th nowrap="nowrap" width="45">{L_TOPICS}</th>
    <th nowrap="nowrap" width="45">{L_POSTS}</th>
    <!-- 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%">
    <h{catrow.cathead.LEVEL} class="hierarchy">
    <span class="cattitle">
    <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
    </span>
    </h{catrow.cathead.LEVEL}>
    </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" alt="." /></td>
    <!-- END inc -->
    <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
    <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 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
    <h{catrow.forumrow.LEVEL} class="hierarchy">
    <span class="forumlink">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
    </span>
    </h{catrow.forumrow.LEVEL}>
    <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 over" align="center" valign="middle" height="50">
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    </td>
    <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>
    <!-- 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 width="19" background="http://i46.servimg.com/u/f46/16/36/62/66/810.png">
    </td>
    </tr>
    </tbody>
    </table>
    <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" height="62">
    <tbody><tr>
    <td width="160" height="62"><img border="0" src="http://i46.servimg.com/u/f46/16/36/62/66/510.png" width="160" height="62"></td>
    <td align="center" background="http://i46.servimg.com/u/f46/16/36/62/66/710.png"><img border="0" src="http://i46.servimg.com/u/f46/16/36/62/66/710.png" width="0" height="62"></td>
    <td width="160" height="62"><img border="0" src="http://i46.servimg.com/u/f46/16/36/62/66/410.png" width="160" height="62"></td>
    </tr>
    </tbody></table>
    <img src="{SPACER}" alt="" height="5" width="auto" />
    <!-- END tablefoot --><!-- END catrow -->

سيكون التقسيم كالتالي

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




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



الجوانب
ويجب ان يكون العرض متساوي اما الارتفاع فلا مشكلة
جانب ايمين
جانب ايسر




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

نبحث عن الكود التالي
الرمز:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->


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



ونبحث عن الكود التالي
الرمز:
<img src="{SPACER}" alt="" height="5" width="auto" />
<!-- END tablefoot --><!-- END catrow -->


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