[Q&A] indexbox 2 cột

• Thêm đoạn sau vào CSS:
  

Code:

li.main-content {list-style: none; display:inline; width:49.0%}
ul#c3z {list-style: none; padding: 0px;width:100% !important;margin: 0;float: left}
#c3z li {width:49%;float: left;margin-left: 0px; padding: 4px;}
.c3zone strong, .c3zone img {float:right}
.c3zone a {font-weight:bold; font-size:11px;padding-right:5px}
.tren_trai { background: url(http://i810.photobucket.com/albums/zz28/c3zteam/musicboss/tren_trai.gif) no-repeat bottom left; height:14px; }
.tren_phai { background: url(http://i810.photobucket.com/albums/zz28/c3zteam/musicboss/tren_phai.gif) no-repeat bottom right; height:14px; }
.tren { background: url(http://i810.photobucket.com/albums/zz28/c3zteam/musicboss/tren.gif) repeat-x bottom left; height:14px; }
.duoi_trai { background: url(http://i810.photobucket.com/albums/zz28/c3zteam/musicboss/duoi_trai.gif) no-repeat top left; height:14px; }
.duoi_phai { background: url(http://i810.photobucket.com/albums/zz28/c3zteam/musicboss/duoi_phai.gif) no-repeat top right; height:14px; }
.duoi { background: url(http://i810.photobucket.com/albums/zz28/c3zteam/musicboss/duoi.gif) repeat-x top left; height:14px; }
.doc_trai { background: url(http://i810.photobucket.com/albums/zz28/c3zteam/musicboss/doc_trai.gif) repeat-y top left; }
.doc_phai { background: url(http://i810.photobucket.com/albums/zz28/c3zteam/musicboss/doc_phai.gif) repeat-y top right; }
.forum_info{background-color: #FFFFFF;border: 1px dashed #CDCDCD;padding: 2px 3px 2px 3px;margin-top: 3px;}
.smallfont {font-size: 11px}

Code:

<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="tborder" border="0" align="center" cellpadding="6" cellspacing="1" width="100%">
   <tr>
      <td class="tcat" colspan="5">
         <a style="float: right;" href="#top"><img src="http://i810.photobucket.com/albums/zz28/c3zteam/musicboss/collapse_tcat.gif?t=1289447981" alt="" border="0"></a>
{catrow.tablehead.L_FORUM}         
      </td>
   </tr>
<tr><td>
<ul id="c3z">
   <!-- END tablehead -->
   <!-- BEGIN forumrow --><li class="main-content">
<!-- begin vien top setup -->
<div class="tren">
<div class="tren_trai">
<div style="" class="tren_phai">
</div></div></div>
<div class="doc_trai">
<div class="doc_phai">
<div class="doc_duoi">
<div style="padding-left: 14px; padding-right: 14px;">
<!-- end vien top setup -->
<table>
<tbody><tr>
<td>
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></td>

<td><a class="smallfont" href="{catrow.forumrow.U_VIEWFORUM}"><strong><font color="darkred">{catrow.forumrow.FORUM_NAME}</font></strong></a>

<span class="smallfont">{catrow.forumrow.FORUM_DESC}</span>
</td>
</tr>
</tbody></table>



<div class="smallfont"><strong><center>
Chủ đề: {catrow.forumrow.TOPICS} | Bài gửi: {catrow.forumrow.POSTS}
</center></strong></div>
<div class="forum_info">
<div class="smallfont" align="left">

   <div style="white-space: nowrap;" class="c3zone">
         {catrow.forumrow.LAST_POST}
</div></div>
</div>

<div class="forum_info">
            <!-- BEGIN switch_moderators_links -->
   {catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div>

<!-- begin vien bot setup -->
</div></div></div></div>
<div class="duoi">
<div class="duoi_trai">
<div class="duoi_phai">
</div></div></div>

</li></span>
   <!-- END forumrow -->
   <!-- BEGIN tablefoot --></ul></td></tr></table>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Nguon : C3z.co.cc