Bước 1: ACP>>display>>templates>>QLTT>> overall_header
Tìm:
và thay bằng:
vào (ACP>>Display>>Colors>>CSS) thêm đoạn này:
Thay Toàn bộ (Display>>Portal>>mod_top_posters) bằng code sau
Tìm:
- Code:
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<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>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
và thay bằng:
- Code:
{JAVASCRIPT}
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" >
<tr>
<td valign="top" width="100%">
<div class="test">
<table class="thongke" cellpadding="5" cellspacing="0" style="border: 1px #ded7d7 solid;" border="0" width="100%" align="center">
<thead>
<tr valign="top">
<td class="tcat"><center><b>News & Announcements</b></center></td> </tr> </thead> <tr><td width="100%"><table class="thongke" cellpadding="0" cellspacing="4" border="0" width="100%" align="center"> <thead> <tr valign="top"><td width="23%"></td><td width="100%" colspan="2"></td></tr> <tr><td><table class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" ><tr><td colspan="3"><div class="mainbox" style="margin-bottom: 5px; border: 1px solid #9DB3C5; "><ul class="tabs"><li class="current"><span style="padding: 0px 7px;">Thời Gian</span></li></ul><center><center>
<embed src="http://www.clocklink.com/clocks/5025-white.swf?TimeZone=GMT0700&" width="210" height="150" wmode="transparent" type="application/x-shockwave-flash"><br></embed>
</center></center></div></td></tr>
<tr>
<td valign="top" style="border: 1px solid #9DB3C5; border-right: 0px;">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}<!-- END giefmod_index1 -->
</tr>
</thead>
</table>
</td></tr></table>
</div>
</td>
</tr>
<tr>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
vào (ACP>>Display>>Colors>>CSS) thêm đoạn này:
- Code:
.tabs { margin: 0; padding: 0;}
.tabs { padding-bottom: 31px; margin-bottom: 15px; background: #e5effe; border-bottom: 1px solid #b4d0f3; }
.tabs li { list-style: none;float: left; line-height: 30px; border-right: 1px solid #b4d0f3; height: 30px; font-size: 11px;}
.tabs li.current { background: #FFF; height: 32px; font-weight: bold; }
.mainbox { background: #FFF; border: 1px solid #9DB3C5; margin-bottom: 6px; padding: 1px;}
.mainbox table { width: 100%; }
#dhtmlpointer, #dhtmltooltip
{
z-index: 999;
left: -300px; top:0px;
visibility: hidden;
position: absolute;
}
#dhtmltooltip
{
border: #666 2.4px solid;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 10px;
font-size: 9pt;
font-family: Arial;
background-color: white;
width: auto;
max-width: 340px;
width:expression( document.body.clientWidth > 340? "340px": "auto" );
text-align:left;
}
Thay Toàn bộ (Display>>Portal>>mod_top_posters) bằng code sau
- Code:
<tr><td valign="top" style="border: 1px solid #9DB3C5;"><table width="100%" border="0" cellspacing="0" cellpadding="0"><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"><div class="mainbox" style="margin-bottom: 1px;"><ul class="tabs"><li class="current"><span style="padding: 0px 7px;"><select name="mylist"><option value="/#"><b>Top posters</b></option></select></span></li></ul><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://photo.1280.com/images/25n/AB35AEWL/10.png) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24" height="200"><img src="http://2img.net/i/fa/empty.gif" width="24" border="0"></td><td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif">
<!-- BEGIN POSTER -->
<div class="smallfont" style="overflow: hidden; height: 20px; width: 100%;">
<span style="float: left;">
<a href="" onmouseover="showtip('<center><b><font color=green>Click! để xem profile thành viên này.</font></b></center>');" onmouseout="hidetip();">
<script language="JavaScript">images = new Array(6);images[0] = "<img src='http://photo.1280.com/images/2mn/A8XC2N12/vip.gif' border='0'>";images[1] = "<img src='http://photo.1280.com/images/vwy/SAYF5KBG/vip3.gif' border='0'>";images[2] = "<img src='http://photo.1280.com/images/sbp/BHIJPZO9/mod.gif' border='0'>";images[3] = "<img src='http://photo.1280.com/images/618/MRGTMY61/flower2.gif' border='0'>";images[4] = "<img src='http://photo.1280.com/images/2ja/JH5E2PH8/member.gif' border='0'>";images[5] = "<img src='http://photo.1280.com/images/ydw/R52LUOB5/smod.gif' border='0'>";index = Math.floor(Math.random() * images.length);document.write(images[index]);</script> <b style="float: left='180px'; padding-top: 2px;"> {POSTER.NAME}</b></a>
</span>
</div>
<!-- END POSTER -->