قالب اقسام المنتدى تومبيلات بشكل مميز

[Admin]

بسم الله الرحمن الرحيم



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

الكود برمجة : الأمل القادم

معاينة الكود :

تركيب الكود :

لوحة الادارة - مظهر المنتدى - التومبيلات و القوالب - ادارة عامة - نفتح قالب index_box ونستبدل محتواه بالاكواد التالية 

<style type="text/css"> 

.link_userr1 {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 60px;
}
  


#lastpost {
    background: url("https://i.servimg.com/u/f43/16/43/22/50/881014.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    padding-right: 30px;
    padding-top: 4px;
    width: 154px;
}

  .arabcodey-td {
    background: url("https://i.servimg.com/u/f48/16/98/46/39/stitch10.png") repeat-x scroll center bottom #FFFFFF;
    border-color: #FFFFFF #D2D2D2 #D2D2D2;
    border: solid ;
    border-width: 0;
    color: #000000;
} 
.zozo {
    background-image: url("https://i.servimg.com/u/f66/12/46/69/62/ice10.png");
    border: 1px solid #E9DAB7;
    border-radius: 5px 5px 5px 5px;
}

</style>
<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}
            {CURRENT_TIME}
            </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>
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
            <!-- 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;">{L_LASTPOST}</div></th>
    
          <th nowrap="nowrap" width="50">احصائيات</th>
          
          <th width="50" nowrap="nowrap"><div style="width:50px;">المشرفين</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>
                </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="arabcodey-td" align="center" valign="middle" height="50">
            <div id="lastpost"><div style="text-align:  justify; "><span class="gensmall"><img src="https://i.servimg.com/u/f43/16/43/22/50/icon10.gif"><font size="1" face="tahoma" color="#0000"><span>{catrow.forumrow.LAST_POST} </span></font></span></div></div>
        </td>
        <td class="arabcodey-td" align="center" valign="middle" height="50">
    <div class="link_userr1"><div style="text-align: center;"><font size="1" face="tahoma" color="#0000">مواضيع</font><font size="1" face="tahoma" color="#0000"><div class="zozo">{catrow.forumrow.TOPICS}</div></font><font size="1" face="tahoma" color="#0000">    مساهمات    </font><font size="1" face="tahoma" color="#0000"><div class="zozo">{catrow.forumrow.POSTS}</div></font></div></div>
        </td>
              <td class="arabcodey-td" 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://icons.iconarchive.com/icons/iconshock/super-vista-general/48/administrator-icon.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></strong></strong></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 -->

بالتوفيق للجميع 

والسلام ختام​