مشكلة في قالب الـ topics_blog_box

السلام عليكم ور حمة الله وبركاته
لدي مشكلة في قالب الـtopics_blog_box
حيث أنني قمت بتركيب كود قالب كامل لقسم المدونة
و لكن عندما قمت بالمعاينة باتت هنا مشكلة واضحة تظهر إثر ذلك
صار المربع اللي معاين في الصورة اعرض من القسم !
ولا اعرف ماذا افعل ...دماغي تفجرت ليس إلا ^-^"....=~="...
صورة المشكلة
 

القالب 

الكود:

<!-- www.layalyeg.com -->
<div class="Cat">
<!-- Start Cat Top -->
<div class="CatTop">
<div class="CatTop_Right">
<h1>مواضيع القسم</h1>
</div>
<div class="CatTop_Left">
</div>
</div>
<!-- Start Cat Center -->
<div class="CatCenter_Right">
<div class="CatCenter_Left">
<!-- Start Cat Body -->
<div class="CatBody">
<!-- www.layalyeg.com/ -->

<!-- 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 .name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_blog_box.FORMNAME}.elements .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 .name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
document.{topics_blog_box.FORMNAME}.elements&nbsp;.checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->

<table width="100%" align="center">
<table width="100%"align="center"><tr><td colspan="8" height="35">




<!-- BEGIN multi_selection -->
<th class="thead" align="center" nowrap="nowrap" width="20" ><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>
<td class="thead" class="alt1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END pagination -->
<!-- END header_table --><!-- BEGIN header_row -->
<tr>
<td class="thead" class="alt2" colspan="{topics_blogt_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td>
</tr>
<!-- END header_row -->

<!-- BEGIN topic -->
<div class="topictitle">
{topics_blog_box.row.END_TABLE_STICKY}</div>
<tr>
<!-- BEGIN single_selection -->
<td class="alt1" align="center" valign="middle" width="20"><input type="radio" name="{topics_blog_box.FIELDNAME}" value="{topics_blog_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td class="alt2" align="center" valign="middle" width="20"><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>
<td class="alt1" align="center" valign="middle" width="20"><a href="{topics_blog_box.row.U_VIEW_TOPIC}" original-title=""><div class="blog_message1" href="{topics_blog_box.row.U_VIEW_TOPIC}" ></div></a><div class="bai_new4"><r></td>
<!-- BEGIN icon -->
<td class="alt1" align="center" valign="middle" width="20">{topics_blog_box.row.ICON}</td>
<!-- END icon -->
<td class="alt2" onmouseover='this.className="alt1"' onmouseout='this.className="alt2"' width="100%">
<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_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
<span class="gensmall">{topics_blog_box.row.TOPIC_ANNOUNCES_DATES}{topics_blog_box.row.TOPIC_CALENDAR_DATES}</span> 
<span class="gensmall">{topics_blog_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_blog_box.row.TOPIC_NAV_TREE} <!-- END nav_tree -->
<br> <br> 
</span><span class="name"><strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong></span>
</td>
<td class="alt1" onmouseover='this.className="alt1"' onmouseout='this.className="alt1"' 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>
<td class="alt2" align="center" valign="middle" width="10%"><span class="postdetails">
{topics_blog_box.row.REPLIES}</span></td>
<td class="alt1" align="center" valign="middle" width="10%"><span class="postdetails">
{topics_blog_box.row.VIEWS}</span></td>




<!-- BEGIN multi_selection -->

<!-- END multi_selection -->
</tr>
<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="alt2" 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 -->
</a> </td></tr></table></td></tr><script>$(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend('<a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"><img src="http://i71.servimg.com/u/f71/17/59/85/75/loadin10.gif"/></a>');$(this).load(url+' div.postbody img:eq(0)')})});</script></table><style>.blog_message1 {overflow: hidden;margin-top: -5px;width: 110px;height: 55px;padding: 3px;border: 1px solid #CFCDCE;font-size: 0px;font-family: none;}.blog_message1 img {width: 110px;height: 55px;}.pun tbody.statused td.tcl {padding-left: 0;}.codebox {display: none;}.postmain blockquote,blockquote{display: none;}.blog_message1 {float: left;}.blog_tintuc li:nth-of-type(1) .blog_message1 {margin: 0px;width: 320px;height: 212px;border: 1px solid #626263;}.blog_tintuc li:nth-of-type(1) .blog_message1 img {padding: 0px;width: 320px;height: 212px;}.blog_tintuc li {background-color: white;} .blog_tintuc li:nth-of-type(3) .blog_message1, .blog_tintuc li:nth-of-type(2) .blog_message1 {width: 190px;height: 90px;float: left;margin: 0px;border: 1px solid #B0B0B0;}.blog_tintuc li:nth-of-type(3) .blog_message1 img , .blog_tintuc li:nth-of-type(2) .blog_message1 img {width: 190px;height: 90px;padding: 0px;}</style></div>
<tr>
<td class="thead" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
<table width="100%" 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 footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->


<!-- www.layalyeg.com -->

أُسعدتي مساءاً أختي العزيزة,

جربي وضع هذا في ورقة التصاميم css:

الكود:

.three-col {
        padding: 0 !important;
  }

إذا لم ينفع معك
ضعي لنا أكواد ورقة css هنا
على العموم جاري تنسيق القالب ...

وبعد إلقاء نظرة مدققة أختي أبشرك أن قالبtopics_blog_box  خاصتك لا دخل له في هته المشكلة
تفضلي غيري قالبviewforum_bodyبهذا :

الكود:

{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" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC}
            </div>
        </td>
 <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}';
 var url_tellfriend = '{U_TELLFRIEND_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}
<div id="info_open" style="/* display: table; */padding: 0px 90px 0px 90px !important;">
 <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_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>
 <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" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span><br />
 <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span><br />
 <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
 </td>
 <td>
 <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span><br />
 <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span><br />
 <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
 </td>
 <td valign="top">
 <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span><br />
 <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span><br />
 <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span><br />
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- END switch_legend -->
</table>
 </form>

وإن
إن كنت عدلتي عليه ضعيه هنا كي يتم تنسيق ليتناسب مع قالب معاينة التدوينات

حسن الياسري كتب:شكراا لكم  على المساعدة

اهلآ بك معنا, المرجوا تجنب الردود التي لن تفيد صاحب المُشكله لكي نبقى في صُلب موضوعه

جيد فعلًا @.@
و لكن هناك مشكلة ايضًا :\
صار العرض اقل من المطلوب من اين يمكنني التحكم بالعرض ؟
و هذا قالب الـviewforum_body
الذي اريده ان يكون مع حل للمشكلة 

الكود:

<table class="forum-content" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
   <tr>
      <td class="alt1" width="100%"><strong><a class="nav" href="{U_INDEX}">
        <div class="nav"><img src="http://i43.servimg.com/u/f43/16/43/22/50/uuoo12.png" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div> {PAGE_TITLE}</strong> </td>
   </tr>
   </table>
   <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}';
               var url_tellfriend = '{U_TELLFRIEND_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="left" 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 cellpadding="0" cellspacing="0" style="width: 100%">
   <tr>
      <td class="r1" style="width: 213px; height: 98px">&nbsp;</td>
      <td class="r3">

</td>
      <td class="r2" style="width: 142px; height: 98px"></td>
   </tr>
</table>
  
      <table class="tborder2" 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"  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>

<table cellpadding="0" cellspacing="0" style="width: 100%">
   <tr>
<td colspan="3">
<table cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
      <td class="f1" style="width: 36px; height: 14px">&nbsp;</td>
      <td class="f3">&nbsp;</td>
      <td class="f2" style="width: 36px; height: 14px">&nbsp;</td>
</tr>
</table>
</td>
   </tr>
   <tr>
<td colspan="3">
<table cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
      <td class="f5">&nbsp;</td>
      <td>&nbsp;</td>
      <td class="f4"></td>
</tr>
</table>
</td>
   </tr>
</table>

<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 -->



تفضلي هذا قالبك  وهو لا يوجد به اي مشاكل لكن تم إجراء تعديل طفيف عليه:

الكود:

<table class="forum-content" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
  <tr>
      <td class="alt1" width="100%"><strong><a class="nav" href="{U_INDEX}">
        <div class="nav"><img src="http://i43.servimg.com/u/f43/16/43/22/50/uuoo12.png" class="inlineimg" alt="" border="0" height="15" width="15" /> {L_INDEX} </a>{NAV_CAT_DESC}</div> {PAGE_TITLE}</strong> </td>
  </tr>
  </table>
  <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}';
              var url_tellfriend = '{U_TELLFRIEND_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">
  <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
    <td align="left" 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 cellpadding="0" cellspacing="0" style="width: 100%">
  <tr>
      <td class="r1" style="width: 213px; height: 98px">&nbsp;</td>
      <td class="r3">

</td>
      <td class="r2" style="width: 142px; height: 98px"></td>
  </tr>
</table>
 
      <table class="tborder2" 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"  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>

<table cellpadding="0" cellspacing="0" style="width: 100%">
  <tr>
<td colspan="3">
<table cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
      <td class="f1" style="width: 36px; height: 14px">&nbsp;</td>
      <td class="f3">&nbsp;</td>
      <td class="f2" style="width: 36px; height: 14px">&nbsp;</td>
</tr>
</table>
</td>
  </tr>
  <tr>
<td colspan="3">
<table cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
      <td class="f5">&nbsp;</td>
      <td>&nbsp;</td>
      <td class="f4"></td>
</tr>
</table>
</td>
  </tr>
</table>

<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 -->


تحكمي فيه بواسطة هذا الكود يوضع في ورقة css:

الكود:

#info_open {
    padding: 0px 90px 0px 90px !important;
}

غيري الارقام للتي تناسب منتداك:
padding: 0px 90px 0px 90px
اللون الرمادي قيمة البعد بين الحد اليميني والبطن
اللون الاحمر من أعلى
اللون الازرق من أسفل
اللون الاخضر من اليسار