1 Index_box 2 cột 24/4/2012, 11:19 am
duongcam.ict
Admin
1. Thêm đoạn sau vào CSS:
2. Thay vào index_box
Một số bạn làm ko được là do chiều rộng forum quá hẹp. Vì thế bạn thay đổi thông số 48.5% trong code CSS cho phù hợp.
Nguồn: http://baivong.forumclan.com/t1077-topic
- Code:
li.main-content {list-style: none; display:inline; width:48.5%}
ul#c3z {list-style: none; padding: 4px;width:100% !important;margin: 0;float: left}
#c3z li {width:48.5%;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://i20.servimg.com/u/f20/14/50/49/34/tren_t10.gif) no-repeat bottom left; height:14px; }
.tren_phai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/tren_p10.gif) no-repeat bottom right; height:14px; }
.tren { background: url(http://i20.servimg.com/u/f20/14/50/49/34/tren10.gif) repeat-x bottom left; height:14px; }
.duoi_trai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/duoi_t10.gif) no-repeat top left; height:14px; }
.duoi_phai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/duoi_p10.gif) no-repeat top right; height:14px; }
.duoi { background: url(http://i20.servimg.com/u/f20/14/50/49/34/duoi10.gif) repeat-x top left; height:14px; }
.doc_trai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/doc_tr10.gif) repeat-y top left; }
.doc_phai { background: url(http://i20.servimg.com/u/f20/14/50/49/34/doc_ph10.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}
#smallrum{padding: 0.4em 1em;margin: 3px 1px;
background: #ccf0ff none;
-moz-box-shadow: -2px 2px 2px #c8c8c8;
-webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ccf0ff;width: 355px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}
2. Thay vào index_box
- 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://i27.servimg.com/u/f27/14/67/90/38/collap10.gif" 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 -->
<div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</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 -->
Một số bạn làm ko được là do chiều rộng forum quá hẹp. Vì thế bạn thay đổi thông số 48.5% trong code CSS cho phù hợp.
Nguồn: http://baivong.forumclan.com/t1077-topic