ادوات القسم .تغير مكان المتواجد بهذا القسم الخ

الكود:

<!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) {
 if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
 document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked;
 }
 }
}
</script>
<!-- END multi_selection -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{topics_blog_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_blog_box.row.L_TITLE} \{topics_blog_box.row.L_AUTHOR}</th>
<th align="center" nowrap="nowrap" width="120"> {topics_blog_box.row.L_REPLIES} </th>
<th align="center" nowrap="nowrap" width="80"> {topics_blog_box.row.L_VIEWS} </th>

<th align="center" nowrap="nowrap" width="80"> {topics_blog_box.row.L_LASTPOST} </th>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="60"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection -->
</tr>
<!-- BEGIN pagination -->
<tr>

</tr>
<!-- END pagination -->
<!-- END header_table --><!-- BEGIN header_row -->
<tr>
<td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td>
</tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_blog_box.row.END_TABLE_STICKY}
<tr>
<!-- BEGIN single_selection -->
<td class="{topics_blog_box.row.ROW_CLASS}" align="center" valign="middle" width="40"><input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td class="{topics_blog_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="40"><img title="{topics_blog_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_blog_box.row.TOPIC_FOLDER_IMG}" alt="{topics_blog_box.row.L_TOPIC_FOLDER_ALT}" /></td>
<!-- BEGIN icon -->
<td class="{topics_blog_box.row.ROW_CLASS}" align="center" valign="middle" width="40">{topics_blog_box.row.ICON}</td>
<!-- END icon -->
<td class="{topics_blog_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_blog_box.row.ROW_CLASS}"' width="95%">
<div class="topictitle">{topics_blog_box.row.NEWEST_POST_IMG}{topics_blog_box.row.PARTICIPATE_POST_IMG}{topics_blog_box.row.TOPIC_TYPE}
<h2 class="topic-title"><a class="topictitle" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a></h2>
</div>
<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_blog_box.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<span class="gensmall">{topics_blog_box.row.TOPIC_ANNOUNCES_DATES}{topics_blog_box.row.TOPIC_CALENDAR_DATES}</span>
<span class="gensmall"><!-- BEGIN nav_tree -->{topics_blog_box.row.row.TOPIC_NAV_TREE} <!-- END nav_tree -->
<br> <br>  <font size="1" color="Navy" face="tahoma"></font>
 </span><span class="name"><strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong></span>
</td>
<td class="row2" align="center" valign="middle"><div style="width: 50px; height: 16px; margin-top: 2px" id="A7medvirus"><span class="postdetails">{topics_blog_box.row.REPLIES}</span></td></div>
<td class="row2" align="center" valign="middle" style="width: 23px"><span class="postdetails"><div style="width: 50px; height: 16px; margin-top: 2px" id="A7medvirus">{topics_blog_box.row.VIEWS}</div></span></td>

<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_blog_box.row.LAST_POST_TIME}<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span></td>

<!-- BEGIN multi_selection -->
<td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->
</tr>
<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_blog_box.row.L_NO_TOPICS}</span></td>
</tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<tr>
<td class="catBottom" colspan="{topics_blog_box.row.COLSPAN}" valign="middle">
<table width="95%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <span class="gensmall">{PAGINATION}</span></td>
<td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table>
<!-- END bottom --><!-- BEGIN footer_table -->

 
  <!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.blog_message', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->


الكود:

   <br />



{BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" width="50">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         <!-- END switch_user_authpost -->
      </td>

      <td class="gensmall" align="left" valign="bottom" nowrap="nowrap">
         <span class="nav">
            <script type="text/javascript">//<![CDATA[
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               
               insert_plus_menu('f{FORUM_ID}&amp;f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>

{TOPICS_LIST_BOX}
    <br/>
<div id="info_open" style="display:''">

  <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
    <td align="Right" valign="middle" width="50">
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
            <!-- END switch_user_logged_in -->
         </td>
  </tr>
  </table>
    <br/>

<!-- بداية اطار علوي -->

<!-- / نهاية اطار علوي -->


 
      <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

<tr>
    <td class="thead">خيارات العرض</td>

    <td class="thead">المتواجدون حاليا في هاد القسم</td>
 
    <td class="thead">المشرفين : {MEMBERS}</td>
 
</tr>
<tr valign="top">
    <td class="alt1">

        <table cellpadding="0" cellspacing="1" border="0">
        <tr valign="bottom">
            <td class="smallfont" style="padding-right:6px">
                <div>
                 
                  <tr>
         
         <td class="alt1" valign="top">
                          <span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
              </div>
            </td>

        </tr>
        </table>

    </td>
 
 

    <td class="alt1"><div class="smallfont">{LOGGED_IN_USER_LIST}</div></td>
 
    <td class="alt1"><div class="smallfont">{MODERATORS}</div></td>
 
</tr>
</table>





<div id="info_close" style="display:none">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="alt1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      </tr>
      <tr>
         <td class="alt2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td class="nav" valign="middle" width="100%"><span class="nav">&nbsp;<a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
</div>

 

     
          <!-- بداية اطار سفلي -->

<br />
<!-- / نهاية اطار سفلي -->

<br />



   <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>

         
         <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>

   </tr>
 
     <!-- BEGIN switch_legend -->
  <!-- icon key -->

<table cellpadding="2" cellspacing="0" border="0">

<tr>
   <td>
<img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" />
  </td>
   <td class="smallfont">يحتوي مشاركات غير مقروءة</td>
   
      <td><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /></td>
      <td class="smallfont">موضوع نشيط يحتوي مشاركات غير مقروءة</td>
   
</tr>
<tr>
   <td><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /></td>
   <td class="smallfont">لا يحتوي مشاركات غير مقروءة</td>

   
      <td><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /></td>
      <td class="smallfont">موضوع نشيط يحتوي مشاركات مقروءة</td>
   
</tr>
<tr>
   <td><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /></td>
   <td class="smallfont">الموضوع مغلق</td>
   
      <td><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> </td>
      <td class="smallfont">موضوع نشيط مغلق</td>

   
</tr>
  <tr>
   <td><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> </td><td class="smallfont">{L_FOLDER_ANNOUNCE_IMG}</td>
   
      <td><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /></td> <td class="smallfont">{L_FOLDER_STICKY_IMG}</td>

   
</tr>
</table>

<!-- / icon key -->
   
   <!-- END switch_legend -->


 

<!-- forum rules and admin links -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr valign="bottom">
   <td width="100%" valign="top">
      <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="210">
<thead>
<tr>
   <td class="thead">

      تعليمات المشاركة
   </td>
</tr>
</thead>
<tbody id="collapseobj_forumrules" style="">

<tr>
   <td class="alt1" nowrap="nowrap"><div class="smallfont">
      
      
      <div><strong>{S_AUTH_LIST}</strong></div>

      <hr />
      
      <div><a href="/faq?mode=bbcode" target="_blank">BB code</a> is <strong>متاحة</strong></div>
      <div><a href="javascript:void(0)" target="_blank">الابتسامات</a> <strong>متاحة</strong></div>
      <div><a href="javascript:void(0)" target="_blank">كود [IMG]</a> <strong>متاحة</strong></div>
      <div>كود HTML <strong>معطلة</strong></div>
      <hr />
      <div><a href="/t2269-topic" target="_blank">قوانين المنتدى</a></div>
   </div></td>
 
</tr>

</tbody>
</table>
   </td>
   <td class="smallfont" align="left">
      <table cellpadding="0" cellspacing="0" border="0">
      
      <tr>
         <td>
         <div class="smallfont" style="text-align:right; white-space:nowrap">
   
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

</div>
         </td>
      </tr>
      </table>
   </td>
</tr>
</table>
<!-- /forum rules and admin links -->



الكود:

  {BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td align="left" valign="middle" width="50">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
 <!-- END switch_user_authpost -->
 </td>
 <td class="nav" valign="middle" width="100%">
            <div class="nav">
                <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}
            </div>
        </td>
        <!-- BEGIN show_plus_menu -->
 <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
 <span class="nav">
 <script type="text/javascript">//<![CDATA[
 var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
 var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
 var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
 var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
 insert_plus_menu('f{FORUM_ID}&amp;f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 </span>
 </td>
        <!-- END show_plus_menu -->
 </tr>
</table>
{TOPICS_LIST_BOX}
<div id="info_open" style="display:''">
 <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
 <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
 </tr>
 <tr>
 <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
 </tr>
 <tr>
 <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td>
 <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td>
 </tr>
 <tr>
 <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
 <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
 </tr>
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td class="nav" valign="middle" width="100%"><div class="nav">&nbsp;<a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td>
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
</div>

<div id="info_close" style="display:none">
 <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
 </tr>
 <tr>
 <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
 </tr>
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td class="nav" valign="middle" width="100%"><span class="nav">&nbsp;<a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 </table>
</div>
 <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>

 <td align="left" valign="middle" width="50">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
 <!-- END switch_user_authpost -->
 </td>
 <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>

 </tr>
 <!-- BEGIN switch_legend -->
 <tr>
 <td colspan="2">
 <table border="0" cellpadding="6" cellspacing="2" align="center">
 <tr>
 <td>
 <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br />
 <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br />
 <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
 </td>
 <td>
 <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />
 <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br />
 <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
 </td>
 <td valign="top">
 <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br />
 <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br />
 <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" loading="lazy" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br />
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- END switch_legend -->
</table>
 </form>

الكود:

<br />
<style>
td.theadd {
    background: #4e1e04;
    color: beige;
}
td.theaod {
    background: #a3611c;
    color: beige;
}
table.tborder {
    background: #d8dee3;
}
form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
} 
table.tbordeor {
    background: url(https://i.servimg.com/u/f69/17/72/11/16/116.png) left top no-repeat, url(https://i.servimg.com/u/f69/17/72/11/16/215.png) right top no-repeat, url(https://i.servimg.com/u/f69/17/72/11/16/02210.png) center top no-repeat, url(https://i.servimg.com/u/f69/17/72/11/16/413.png) center top repeat-x, url(https://i.servimg.com/u/f13/20/35/87/53/7010.png) left bottom no-repeat, url(https://i.servimg.com/u/f69/17/72/11/16/511.png) right bottom no-repeat, url(https://i.servimg.com/u/f69/17/72/11/16/311.png) center bottom no-repeat, url(https://i.servimg.com/u/f69/17/72/11/16/311.png) center bottom repeat-x, url(https://i.servimg.com/u/f69/17/72/11/16/214.png) left repeat-y, url(https://i.servimg.com/u/f69/17/72/11/16/115.png) right repeat-y;
    padding: 129px 54px 83px 57px;
}
</style>
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" width="50">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
        <!-- END switch_user_authpost -->
      </td>

      <td class="gensmall" align="left" valign="bottom" nowrap="nowrap">
        <span class="nav">
            <script type="text/javascript">//<![CDATA[
              var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
              var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
              var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
              var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
             
              insert_plus_menu('f{FORUM_ID}&amp;f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
        </span>
      </td>
  </tr>
</table>

{TOPICS_LIST_BOX}
    <br/>
<div id="info_open" style="display:''">

  <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
    <td align="Right" valign="middle" width="50">
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
            <!-- END switch_user_logged_in -->
        </td>
  </tr>
  </table>
    <br/>

<!-- بداية اطار علوي -->

<!-- / نهاية اطار علوي -->


 
      <table class="tbordeor" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
    <td class="theadd">ادوات القسم</td>

    <td class="theadd"></td>
 
    <td class="theadd">المراقبين</td>
 
</tr>
<tr>
    <td class="theaod">خيارات العرض</td>

    <td class="theaod">المتواجدون حاليا في هاد القسم</td>
 
    <td class="theaod">المشرفين : {MEMBERS}</td>
 
</tr>
<tr valign="top">
    <td class="alt1">

        <table cellpadding="0" cellspacing="1" border="0">
        <tr valign="bottom">
            <td class="smallfont" style="padding-right:6px">
                <div>
               
                  <tr>
       
        <td class="alt1" valign="top">
                          <span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
              </div>
            </td>

        </tr>
        </table>

    </td>
 
 

    <td class="alt1"><div class="smallfont">{LOGGED_IN_USER_LIST}</div></td>
 
    <td class="alt1"><div class="smallfont">{MODERATORS}</div></td>
 
</tr>
</table>





<div id="info_close" style="display:none">
  <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td class="alt1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      </tr>
      <tr>
        <td class="alt2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td class="nav" valign="middle" width="100%"><span class="nav">&nbsp;<a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
</div>

 

   
          <!-- بداية اطار سفلي -->

<br />
<!-- / نهاية اطار سفلي -->

<br />



  <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>

       
        <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>

  </tr>
 
    <!-- BEGIN switch_legend -->
  <!-- icon key -->

<table cellpadding="2" cellspacing="0" border="0">

<tr>
  <td>
<img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" />
  </td>
  <td class="smallfont">يحتوي مشاركات غير مقروءة</td>
 
      <td><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /></td>
      <td class="smallfont">موضوع نشيط يحتوي مشاركات غير مقروءة</td>
 
</tr>
<tr>
  <td><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /></td>
  <td class="smallfont">لا يحتوي مشاركات غير مقروءة</td>

 
      <td><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /></td>
      <td class="smallfont">موضوع نشيط يحتوي مشاركات مقروءة</td>
 
</tr>
<tr>
  <td><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /></td>
  <td class="smallfont">الموضوع مغلق</td>
 
      <td><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> </td>
      <td class="smallfont">موضوع نشيط مغلق</td>

 
</tr>
  <tr>
  <td><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> </td><td class="smallfont">{L_FOLDER_ANNOUNCE_IMG}</td>
 
      <td><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /></td> <td class="smallfont">{L_FOLDER_STICKY_IMG}</td>

 
</tr>
</table>

<!-- / icon key -->
 
  <!-- END switch_legend -->


 

<!-- forum rules and admin links -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr valign="bottom">
  <td width="100%" valign="top">
      <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="210">

</table>
  </td>
  <td class="smallfont" align="left">
      <table cellpadding="0" cellspacing="0" border="0">
     
      <tr>
        <td>
        <div class="smallfont" style="text-align:right; white-space:nowrap">
 
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

</div>
        </td>
      </tr>
      </table>
  </td>
</tr>
</table>
<!-- /forum rules and admin links -->



ابوعلي2007 كتب:اخي  @كونان2000

كل الشكر والامنان احنا مدوشين راسك دايمن بس اجرك على الله سبحانه انا ركبته وزبط يسعدك بالدارين وربنا يعطيك حتى يرضيك واي ملاحضات على الكود رح ابلغك ان كان هناك شي كل الحب اخوي  تم الحل