طلب كود الاقسام بهذا الشكل

The Globetrotter كتب:

اهلا وسهلا بك ,
تقصد الاحصائيات للأقسام بهذا الشكل الذى بالصورة :
عمل احصائيات للقسم مثل الفي بي تماما
اى استخدم قالب الاندكس بوكس

الكود:

<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 --><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:150px;">المشاركة الاخيرة</div></th>
                <th nowrap="nowrap" width="100">إحصائيات</th>
                 <th nowrap="nowrap" width="100">إالمشرفين</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">

                {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>
                    </td>
                    <td class="row3" align="center" valign="middle" height="50">
              
            <div style="width: 136px; height: 18px; margin-top: 3px" id="A7medvirus">
 
                   <font face="Tahoma"><span style="font-size:
8pt">االمواضيع :  {catrow.forumrow.TOPICS}</span></font>
                </div>

            <div style="width: 136px; height: 18px; margin-top: 3px" id="HiMa-ElMaSrY">
 
                   <font face="Tahoma"><span style="font-size:
8pt">المشاركات : {catrow.forumrow.POSTS}</span></font>
                </div>
                    </td>
<td class="row3" align="center" valign="middle" height="50">
 
         <span class="genmed"></span><span
class="gensmall"><span class="gensmall"><ul
id="topMenu"><li class="" onmouseover="this.className = 'over';"
onmouseout="this.className = '';"></li><li class=""
onmouseover="this.className = 'over';" onmouseout="this.className =
'';"><img
src="http://i23.servimg.com/u/f23/16/43/22/50/member10.png"
alt=""><ul style="width: 200px; top: 10px; left: 20px;" -3px;=""
25px;="" 50%="" top:="" 26px;="" left:=""
10px;=""><li><table class="forumline" width="100%"
border="0" cellpadding="0"
cellspacing="1"><tbody><tr><td class="row1"
onmouseover='this.className="row2"' onmouseout='this.className="row1"'
width="100%"><strong><strong><span
class="mod-text">                <!-- BEGIN
switch_moderators_links -->
        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 
       <!-- END switch_moderators_links
--></strong></span></a></strong><br></strong></strong><br></td></tr></tbody></table></li></ul></li></ul><table
 dir="ltr" border="0" cellpadding="0"
cellspacing="0"><style>#topMenu{padding: 0;margin:
0;list-style: none;}#topMenu li{float: left;list-style:none;position:
relative;}#topMenu li ul{display: none;position: absolute;left:
0;padding: 0;margin: 0;}#topMenu li:hover ul, #topMenu li.over
ul{display:
block;}</style></table></span></span>
        </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 -->

وضع هذا فى الcss

الكود:

    #A7medvirus  {        background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");        border: 1px solid #C0C0C0;        border-radius: 15px 15px 15px 15px;        margin: 0 auto;        padding-bottom: 1px;        padding-top: 1px;        width: 20%;     }     #HiMa-ElMaSrY {        background-image: url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");        border: 1px solid #C0C0C0;        border-radius: 15px 15px 15px 15px;        margin: 0 auto;        padding-bottom: 1px;        padding-top: 1px;        width: 20%;     }

الكود:

<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 --><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:150px;">المشاركة الاخيرة</div></th>                <th nowrap="nowrap" width="100">إحصائيات</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>                    </td>                    <td class="row3" align="center" valign="middle" height="50">                          <div style="width: 136px; height: 18px; margin-top: 3px" id="A7medvirus">                    <font face="Tahoma"><span style="font-size: 8pt">االمواضيع :  {catrow.forumrow.TOPICS}</span></font>                </div>             <div style="width: 136px; height: 18px; margin-top: 3px" id="HiMa-ElMaSrY">                    <font face="Tahoma"><span style="font-size: 8pt">المشاركات : {catrow.forumrow.POSTS}</span></font>                </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 -->