طلب تحويل قالب index_box

الفصل بين الفئات في الصفحة الرئيسية :

الكود:

        <!-- KhALiD-Net http://f-des.all-up.com -->
        <div class="hed-body">
<div class="hed-right"></div>
<div class="hed-left"></div>
<div class="hed-center">
</div>
</div>
<div class="cont-body">
<div class="cont-right">
<div class="cont-left">
       
        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
        <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
        <thead>
          <tr align="center">
            <td class="thead"> </td>
            <td class="thead" width="100%" align="right">المنتدى</td>
            <td class="thead">آخر مشاركة</td>
            <td class="thead">المواضيع</td>
       
            <td class="thead">المشاركات</td>
           
          </tr>  <!-- END tablehead -->
        </thead>
        <!-- BEGIN cathead -->
        <tbody>
       
          <tr>
              <td class="tcat" colspan="5">
               
                <a style="float:left" href="#top" onclick="return toggle_collapse('forumbit_1')"><img id="collapseimg_forumbit_1" src="http://i42.servimg.com/u/f42/17/02/19/25/collap12.gif" alt="" border="0" /></a>
               
                <a href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
       
               
               
              </td>
          </tr>
       
        </tbody>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
       
        <tbody id="collapseobj_forumbit_1" style="">
       
        <tr align="center">
          <td class="alt2"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" border="0" id="forum_statusicon_2" /></td>
          <td class="alt1Active" align="right" id="f2">
              <div>
       
                <a href="{catrow.forumrow.U_VIEWFORUM}"><strong>{catrow.forumrow.FORUM_NAME}</strong></a>
               
              </div>
              <div class="smallfont">{catrow.forumrow.FORUM_DESC}</div>
             
             
          </td>
       
            <!-- BEGIN forum_link_no -->
          <td class="alt2">
        <div class="smallfont" align="right">
          <div>
       
              <span style="white-space:nowrap">
              <img class="inlineimg" src="http://i42.servimg.com/u/f42/17/02/19/25/icon111.gif" alt="" border="0" />
             
               
                </span>
                <span style="white-space:nowrap">
             
              <strong>{catrow.forumrow.LAST_POST}</strong></span>
          </div>
       
         
        </div>
        </td>
          <td class="alt1">{catrow.forumrow.TOPICS}</td>
          <td class="alt2">{catrow.forumrow.POSTS}</td>
          <!-- END forum_link_no -->
         
        </tr>
        <!-- END forumrow -->
        </tbody>
       
        <tbody>
          <!-- 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 -->
          <tr>
                  <tbody>
              <td class="tfoot" align="center" colspan="5"><div class="smallfont"><strong>
                <a href="?mark=forums" rel="nofollow">اجعل كافة الأقسام مقروءة</a>
                 
                <a href="?mode=delete_cookies">حذف الكوكيز</a>
              </strong></div></td>
       
          </tr>
        </tbody>
        </table>
        <script type="text/javascript" src="http://ws-hm.com/des/clientscript/vbulletin_read_marker.js?v=387"></script>
        <script type="text/javascript">
        <!--
        vbphrase['doubleclick_forum_markread'] = "اضغط مرتين على هذه الأيقونة لجعل هذا المنتدى مقروء.";
        init_forum_readmarker_system();
        //-->
        </script>
        <!-- /main -->
       
        <br />
       
        <br />
          <img src="{SPACER}" alt="" height="5" width="1" />
        <!-- END tablefoot --><!-- END catrow -->
        </div>
</div>
<div class="foot-body">
<div class="foot-right"></div>
<div class="foot-left"></div>
<div class="foot-center">
</div>
</div>
          <!-- /KhALiD-Net http://f-des.all-up.com -->

الكود:

.hed-body {
    background-image:url(http://www.bani-3abs.net/aa/qady-3bs/images/etar-top-tcat.png);
    background-repeat: repeat-x;
    height:106px;
    text-align:center
}
.hed-right {
    background-image:url(http://www.bani-3abs.net/aa/qady-3bs/images/etar-top-right.png);
    background-repeat: no-repeat;
    float: right;
    height: 106px;
    width:211px;
}
.hed-left {
    background-image:url(http://www.bani-3abs.net/aa/qady-3bs/images/etar-top-left.png);
    background-repeat: no-repeat;
    float: left;
    height: 106px;
    width: 247px;
}
.hed-center{
   height:106px;
   width:202px;
    background-image:url(http://www.bani-3abs.net/aa/qady-3bs/images/etar-top-center.png);
   display:block;
   margin:0 auto
}
.foot-body {
    background-image:url(http://www.bani-3abs.net/aa/qady-3bs/images/etar-bot-tcat.png);
    background-repeat: repeat-x;
    height: 68px;
}
.foot-right {
    background-image:url(http://www.bani-3abs.net/aa/qady-3bs/images/etar-bot-right.png);
    background-repeat: no-repeat;
    float: right;
    height: 46px;
    width: 46px;
}
.foot-left {
    background-image:url(http://www.bani-3abs.net/aa/qady-3bs/images/etar-bot-left.png);
    background-repeat: no-repeat;
    float: left;
    height: 46px;
    width: 46px;
}
.foot-center{

}
.cont-body {
    background: Transparent;
}
.cont-right {
    background-image:url(http://www.bani-3abs.net/aa/qady-3bs/images/R.png);
    background-repeat: repeat-y;
    background-position: right;
}
.cont-left {
    background-image:url(http://www.bani-3abs.net/aa/qady-3bs/images/L.png);
    background-repeat: repeat-y;
    background-position: left;
    padding-left: 24px;
    padding-right: 24px;
}