1. Hiển thị 2 widgets Top posters và Recent topics

- ACP> Module> Widget management
- Kéo 2 widgets lên như hình dưới
- Trong Recent tipics, chỉnh
. số bài gửi là 20
. k cho scrolling

2. Thay toàn bộ codes trong Recent topics

- ACP> Display> Template> Portal> Mod_recent topics
- Copy và dán codes dưới đây vô Recent topics

http://tinypaste.com/27808

- Save
- Bấm dấu cộng màu xanh

3. Thay toàn bộ codes trong Mod_top_posters

- ACP> Display> Template> Portal> Mod_top_posters
- Copy và dán hết codes dưới đây vô
- Save
- Bấm dấu cộng màu xanh

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://i34.servimg.com/u/f34/14/64/54/11/listbg17.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://i34.servimg.com/u/f34/14/64/54/11/vip10.gif' border='0'>";

images[1] = "<img src='http://i34.servimg.com/u/f34/14/64/54/11/vip310.gif' border='0'>";
images[2] = "<img src='http://i34.servimg.com/u/f34/14/64/54/11/mod12.gif' border='0'>";
images[3] = "<img src='http://i34.servimg.com/u/f34/14/64/54/11/flower10.gif' border='0'>";
images[4] = "<img src='http://i34.servimg.com/u/f34/14/64/54/11/member10.gif' border='0'>";
images[5] = "<img src='' 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 -->

4. Tìm và thay một phần codes trong Overall_header_new


- ACP> Display> Templates> QLTT> Overall_header_new
- Tìm đoạn

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

- Thay bằng đoạn:

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>
<img src=
"http://i34.servimg.com/u/f34/14/64/54/11/ded10.gif"/>
 :: Forum 4all - Mái Nhà Tình Bạn ::
<img src=
"http://i34.servimg.com/u/f34/14/64/54/11/ded10.gif"/>
</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;">Music</span>
</li></ul><center><center>
<embed type='application/x-shockwave-flash'
allowscriptaccess='never'
src=http://i702.photobucket.com/albums/
ww28/hatim86uyennhi/Flashplayer/
HaTimBlog_MediaPlayer.swf flashvars=file=
http://kipno1.info/nct3/?link=http://www.nhaccuatui.com/nghe?L=OWv1CUU2FbEX&config=
http://kipno1.info/nct3/config.php?backcolor=0x%26
frontcolor=0x0174DF%26
lightcolor=0x0174DF%26autostart=false%26
shuffle=false%26repeat=true%26jpg=
http://photo.1280.com/images/gqc/VGHU19HW/logo.jpeg
 width=200 height=170 wmode='transparent'/>
</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 -->
 

5. Thêm codes vô CSS

- ACP> Display> Pics & Colors> Colors> CSS
- Copy và dán thêm codes dưới vô Css
- Bấm Submit

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

demo:

Chỉ cái có icon top post theo từng cấp í

đâu có hiện cái số bài gửi + người gửi bài viết đâu??
làm y xì mà!

cái em i xì đó!

—…Ốm… đã viết:

cais đó bị lỗi giờ kushy up lại oy?

—…Ốm… đã viết:cái em i xì đó!

^^ lỗi mà?