demo :

[You must be registered and logged in to see this image.]

Css:

Code:

/* Lastopic */
#last-posts{width:752px;float:right;}

#option-lastpost{height:10px;}
 .op-last{float:left;}


#main-lastpost{;padding:20px 10px 5px;min-height:300px;}
#dl-lastpost{display:none;}
#name-lastpost,.name-lastpost {
position: absolute;
padding: 5px 25px;
font-style: italic;
}
 
.dl-post {
height: 15px;
}
lp1,.lp2,.lp3,.lp4,.lp5,.lp6,.lp7,.imglp{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
}
.dl-post:hover{
background-color:#DDD;
}
 

.lp2 {
padding-left: 4px;
width: 300px;
}
.lp3 {
margin-left: 305px;
width: 100px;
}
.lp4 {
margin-left: 415px;
width: 100px;
}
.lp5 {
margin-left: 525px;
width: 130px;
}
.lp6 {
margin-left: 650px;
font-style: italic;
}
.lp7 {
margin-left: 700px;
font-style: italic;
}
.lp8 {
margin-left: 640px;
display: none;
}
.imglp {
margin-left: 860px;
margin-top:1px;
display: none;
}
#trang-lastpost {
float: right;
}
.TrangTruoc,.TrangSau,.TrangHT{font:12px Courier;cursor:pointer;color:red;float: left;height:30px;width:30px;opacity:0.6;}
.TrangTruoc:hover,.TrangSau:hover,.TrangHT:hover{opacity:1;}
.TrangTruoc{display:none;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancy_12.png) no-repeat;}
.TrangSau{background:url(http://i48.servimg.com/u/f48/13/58/60/43/fancy_10.png) no-repeat;}
#SoTrangLT{width:25px;height:22px;text-align:center;font-weight:bold;border:3px dashed white;}
#SoTrangLT:hover{border:3px dashed black;color:red;}
 
#Load {
display:none;
background: white url(http://i48.servimg.com/u/f48/13/58/60/43/loadaj10.gif) 50% 50% no-repeat;
position: fixed;
left: 50%;
top: 40%;
width: 50px;
height: 50px;
border: 10px solid #82D23D;
border: 20px solid rgba(130, 210, 60, .3);
border-radius: 50px;
margin-left: -25px;
}



Vào Index_body thêm đoạn này lên đầu:

Code:


<script src="http://hotro45.forumvi.com/11228.js" type="text/javascript"></script>
<script src="http://hotro45.forumvi.com/12400.js" type="text/javascript"></script>
<script src="http://hotro45.forumvi.com/10388.js" type="text/javascript"></script>
<div class="main-head">
<div class="page-title"><h2></h2></div></div>
 <div class="main-content">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
  </div>



sắp xếp widget

[You must be registered and logged in to see this image.]

mod_most_active_topics:

Code:

 
-->
<td class="alt1" valign="top" id="activetop" style="display:none">
        <table cellpadding="0" cellspacing="0" border="0" width="100%" height="160">
            <tbody>
         
              <!-- BEGIN TOPIC -->
                <tr>
                    <td nowrap="nowrap">
                        <span class="smallfont">
  <a alt="{TOPIC.NAME}" class="mtmy" href="{TOPIC.LINK}" title="{TOPIC.TITLE}">
    <script>document.write(gioihant('{TOPIC.NAME}'));</script>
                          </a>
                        </span>
                    </td>
                    <td nowrap="nowrap" align="right">
                        <span class="smallfont"></span>
                    </td>
                </tr>
              <!-- END TOPIC -->
            </tbody>
        </table>
    </td>
</tr>
</tbody>
</table>