[Chia sẻ] Code Chat Box giống A1TinhGia3

by **Bo Lùn™** 24/10/2010, 12:56 pm

First topic message reminder :

Sory những chủ code nha . Tại một số bạn muốn có lên mình cũng giúp các bạn ấy thôi. Mong mọi ng bỏ qua. Good good

Trước tien tạo 1 trang HTML và chèn code này vào đó để tạo 1 HTML.

Code:: <!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" /><script src="http://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="http://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" ><table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td nowrap="nowrap" width="80px" height="30" valign="middle" 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;"><input type="button" value="Đăng nhập" title="Đăng nhập" /></span><span id="chatbox_option_disco" style="display: none; color: #ffffff; font-family: Tahoma; font-size: 11px;"><input type="button" value="Thoát" title="Thoát" /></span></a></td><td class="forumline" nowrap="nowrap" height="25" style=""><table border="0" width="100%"><tr><td style="color:#000000;padding-top:7px; 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"></div> <div id="chatbox_members" curpos="0" maxpos="460" pageincrement="144" increment="10"></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><input type="submit" name="submit_button" id="submit_button" value="Gửi" /></td><td> </td><td nowrap="nowrap"><a href="http://teenbinhduong.getgoo.net/html-h12.htm" target="chatbox"><input type="button" value="Phóng to"/></a></td><td> </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'"><input type="button" value=" B " title="Chữ đậm" /></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'"><input type="button" value=" I " title="Chữ nghiêng" /></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'"><input type="button" value=" U " title="Gạch chân" /></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'"><input type="button" value=" S " title="Chữ gạch ngang" /></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);"><input type="button" value="Mặt cười" title="Mặt cười" /></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);"><input type="button" value="Màu font" title="màu font" /><img src="http://2img.net/i/fa/subsilver/wysiwyg/clear.gif" id="show_color" alt="Màu font" title="Màu font" width="4" height="12"/></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>Xem nội dung chat</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=1', '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 = 1272030786;var chatbox_last_update = 1272030786;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> <div id="myDivBox" style="display:none;"> <script type="text/javascript" src="http://untip-js.googlecode.com/files/avimr.js"></script> </div> <style type="text/css" />/* 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://i913.photobucket.com/albums/ac332/battuvuong/baivong/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://i26.servimg.com/u/f26/15/66/93/54/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: ; } a:link, a:visited, a { color: #6f1517;text-decoration: none; } a:hover, a:active { color: #333333;text-decoration: none; background-image:url(http://i913.photobucket.com/albums/ac332/battuvuong/baivong/linkho10.gif); } .chatbox a[href="/profile.forum?mode=viewprofile&u=1"]{ padding-left: 35px; background: url(http://i223.photobucket.com/albums/dd111/_ln7o_/admin-1.gif) no-repeat left;}</style>