đầu tiên bạn vô header xóa đoạn này đi
nếu xóa rồi thì thôi sau đó vô index_body thêm code sau vào sau {JAVASCRIPT}
Trong Templates >> Portal lần lượt thay
Recent topic
topposter week and month
Mod active starter
Mod active topic
topposter
sắp xếp widget như hình
thêm đoạn sau vô cSS
- Code:
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
nếu xóa rồi thì thôi sau đó vô index_body thêm code sau vào sau {JAVASCRIPT}
- Code:
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"><a name="baimoi"></a><tbody><tr><td class="tcat" colspan="2"><span class="secondarytitle"><h2>Bài Gửi Mới Nhất</h2></span></td></tr><tr><td class="alt1" align="center" valign="middle">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR} <!-- END giefmod_index1 --></td></tr>
</tbody></table>
<br/>
Trong Templates >> Portal lần lượt thay
Recent topic
- Code:
</table>--><td width="760px" valign="top" class="alt7" style="padding:0">
<!-- BEGIN classical_row --><div id="vnlast" class="vn40"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td width="20" class="lastmtmy1" style="height:32px!important;" align="center"><span class="taidulieu" style="display:none;"><img src="http://i43.servimg.com/u/f43/16/03/04/56/13x13p10.gif"/></span>
</td>
<td width="80%" class="lastmtmy2" style="height:32px!important;font-size:10pt;"> <b>Các bài gửi mới nhất <b>
<span>
<span id="FMviloadimg" style="cursor:pointer;" onmouseover="showtip('Click Để Reload Topic.')" onmouseout="hidetip()" id="FMviloadimg"><b>Reload</b></span>
</td><td style="text-align:center;padding-right:5px;height:32px!important;font-size:10pt;" width="20%" class="lastmtmy3"></td></tr>
<tr class="baiguicuoi"><td style="background: transparent url(/users/2611/10/63/87/album/list13.gif) no-repeat;border-left:1px solid #B4D0F3" width="23"><img src="http://2img.net/i/fa/empty.gif" width="24" height="1" /></td>
<td style="line-height:18px; background: transparent url(http://i45.servimg.com/u/f45/16/75/78/56/listbg10.gif) repeat" width="80%" valign="top" colspan="2" >
<!-- BEGIN recent_topic_row --><div class="test" id="loadoday"><table class="c3zonee" width="100%" border="0" cellspacing="0" cellpadding="0" style="height:20px"><tr><td width="76%" nowrap="none"><div class="newltopic" style="font-size:11px;font-weight:bold"><a onmouseover="showtip('<b>Tiêu đề: </b><font color=#0072ff>{classical_row.recent_topic_row.L_TITLE}</font><hr> <b>Thời gian: </b> <font color=#ff0000>{classical_row.recent_topic_row.S_POSTTIME}</font>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}
</a></div>
</td><td width="20%" align="center" nowrap="none" style="border-right:1px solid #B4D0F3">
<div style="font-size:11px;font-weight:bold">
<!-- BEGIN switch_poster -->
<div class="mtmymenu"> <div class="mtmymenuu"> <a onmouseover="showtip('<b>Click để xem profile của thành viên này !</b>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a></div></div>
<!-- END switch_poster --><!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest --></div></td></tr></table>
<!-- END recent_topic_row -->
</td></tr></tbody></table><!-- END classical_row -->
</td></tr><script>
jQuery(".c3zonee:contains('»')").remove();
$("#FMviloadimg").click(function(){
$(".taidulieu").show();
$("#loadoday").fadeOut();
$.ajax({
url:"/forum",
success:function(a){$("#loadoday").html($(a).find("#loadoday").html()).fadeIn(1000);$(".taidulieu").hide();},
error:function(){$("#loadoday").html('<p><font face="Courier New"><font color="red">C\u00f3 l\u1ed7i x\u1ea3y ra trong qu\u00e1 tr\u00ecnh t\u1ea3i d\u1eef li\u1ec7u.</font></font></p>')}
})
});
</script></table></div>
</center>
<div style="height:1px"></div> <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="left">
<style>#FMviloadimg{color:red;}#FMviloadimg:hover{color:blue}</style>
</td></tr></table>
topposter week and month
- Code:
-->
<div style="display: none;" id="sell3">
<!-- BEGIN POSTER -->
<div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);" onmouseout="hidetip();" class="smallfont">
<div style="display:none">{POSTER.NB_POSTS}</div><div class="mtmymenu"> <div class="mtmymenuu">{POSTER.NAME}</div></div>
</div>
<!-- END POSTER -->
</div>
<!--</td>
</tr></table>
</div>
</td>
Mod active starter
- Code:
-->
<div style="display: none;" id="sell2">
<!-- BEGIN POSTER -->
<div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);" onmouseout="hidetip();" class="smallfont">
<div style="display:none">
{POSTER.NB_TOPICS}
</div><div class="mtmymenu"> <div class="mtmymenuu">{POSTER.NAME} </div></div>
</div>
<!-- END POSTER -->
</div>
<!--</td>
</tr></table>
</div>
</td>
Mod active topic
- Code:
-->
<div style="display: none;" id="sell6">
<!-- BEGIN TOPIC -->
<div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);" onmouseout="hidetip();" class="smallfont">
<div style="display:none">
{TOPIC.NAME}
</div><div style="width:100px;"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}"><b>{TOPIC.NAME}</b></a> </div>
</div>
<!-- END TOPIC -->
</div>
</td>
</tr>
</table>
</div>
</td>
<!-- <div>
topposter
- Code:
<table width="100%" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; height: 236px; display: block;overflow-x: hidden; overflow-y: hidden; " id="mtlast" class="juna">
<tr><td class="alt7" style="white-space: nowrap; width:200px!important; overflow:hidden; padding:0px; margin:0px" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td class="lastmtmy1" style="height:32px!important"></td>
<td class="lastmtmy3" style="height:32px!important">
<script type="text/javascript">function showstuff(value){document.getElementById("sell1").style.display = (value == "sell1") ? "block" : "none";document.getElementById("sell2").style.display = (value == "sell2") ? "block" : "none";document.getElementById("sell3").style.display = (value == "sell3") ? "block" : "none";document.getElementById("sell4").style.display = (value == "sell4") ? "block" : "none";document.getElementById("sell5").style.display = (value == "sell5") ? "block" : "none";document.getElementById("sell6").style.display = (value == "sell6") ? "block" : "none";}</script>
<select name="type" style="width:142px" onchange="showstuff(this.value);"><option value="sell1" selected="selected">Top Posters</option><option value="sell2">Top Starters</option><option value="sell3">Top Posters Tuần</option><option value="sell4">Top Posters Tháng</option></select></td>
</tr>
<tr>
<td style="border-top: 0px none;border-left:1px solid #B4D0F3;padding: 0px; background: transparent url(/users/2611/10/63/87/album/list13.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"><img src="http://2img.net/i/fa/subsilver/empty.gif" width="24" /></td>
<td nowrap="nowrap" style="border-top: 0px none;border-right:1px solid #B4D0F3;padding: 0px; line-height: 20px; background: transparent url(http://i337.photobucket.com/albums/n395/kalenv1/4r/ads/listbg.gif) repeat">
<div style="display: block;" id="sell1">
<!-- BEGIN POSTER -->
<div style="display:block; height:20px; overflow:hidden; line-height:18px;" onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);" onmouseout="hidetip();" class="smallfont">
<div style="display:none">{POSTER.NB_POSTS}</div><div class="mtmymenu"> <div class="mtmymenuu">{POSTER.NAME}</div></div>
</div>
<!-- END POSTER -->
</div>
</div>
<!--</td>
</tr>
sắp xếp widget như hình
thêm đoạn sau vô cSS
- Code:
.lastmtmy1{background:#E5EFFE;border-top:1px solid #B4D0F3;border-bottom:1px solid #B4D0F3;border-left:1px solid #B4D0F3}.lastmtmy2{background:#E5EFFE;border-top:1px solid #B4D0F3;border-bottom:1px solid #B4D0F3}.lastmtmy3{background:#E5EFFE;border-top:1px solid #B4D0F3;border-bottom:1px solid #B4D0F3;border-right:1px solid #B4D0F3}.alt7{background:#fff}
.alt5{background:#fff}.alt6{background:#fff url(http://i45.servimg.com/u/f45/16/75/78/56/alt21010.gif) repeat;}