كود تغيير شكل الأقسام

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


تحية طيبة واما بعد وكل عام وانتم في احسن حال


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


صورة لما اريد ان اريه لكم


والان مع طريقة التركيب




نذهب الي

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


ونبحث عن قالب

index_box


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





<!-- BEGIN catrow --><!-- BEGIN tablehead -->


<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 width="320"><div style="width:320px;">{L_LASTPOST}</div></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%">
<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>

<td class="row3 over" align="center" valign="middle" height="50">
<span
class="gensmall">{catrow.forumrow.LAST_POST}</span><p> </p>
<div
class="signature1" style="background-color: rgb(255, 246, 240);
border-left-width: 1px; border-left-style: outset; border-left-color:
rgb(237, 237, 237); border-bottom-color: rgb(204, 204, 204);
border-bottom-style: dotted; border-bottom-width: 2px;
border-right-color: rgb(242, 238, 225); border-right-style: solid;
border-right-width: 3px; border-top-color: rgb(204, 204, 204);
border-top-style: dotted; border-top-width: 2px; text-shadow: rgb(179,
178, 179) 0px 1px 0px; ">
<b>
<span lang="ar-sa"> مواضيع :{catrow.forumrow.TOPICS}|ردود:{catrow.forumrow.POSTS} </span>
</b></div></td>
</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><img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --><!-- END catrow -->