[Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

by **osamahiep** 23/2/2011, 11:55 am

First topic message reminder :

Nguồn:

Code:: [url=http://www.skin4fm.com]http://www.skin4fm.com[/url]/

,

Cái chat box này khá đẹp, mình lấy từ skin4ufm, và đã tut lại để lúc nào khách viếng thăm cũng nghĩ là admin hoặc thành viên nào đó đang online, chỉ khi nào log in vào thì cái list ai đang online kia mới biến mất, quá tuyệt phải không nào. Cách làm:

1/ Lấy nội dung HTML của chat box copy vào một trang htm của forum bạn như dưới đây:

Code:: <html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=utf-8" http-equiv="content-type"><title>Chatbox</title><meta content="text/javascript" http-equiv="content-script-type"><meta content="text/css" http-equiv="content-style-type"><link type="text/css" href="http://www.tinhgia3sv.tk/53-ltr.css" rel="stylesheet"><script src="http://mudim.googlecode.com/files/mudim-0.8-r142.js" type="text/javascript"></script><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" src="http://illiweb.com/rs3/13/frm/lang/vi.js"></script><script type="text/javascript">//<![CDATA[ var params = '?archives=1';var smilies_sid = '';//]]></script><script type="text/javascript" src="http://illiweb.com/rs3/13/frm/chatbox/chatbox3.js"></script><style type="text/css">* {margin: 0px;padding: 0;}html, body {overflow: hidden;}body {background-color: #efefef;}div#mudimPanel{left: 76px !important;position: absolute !important;width: 690px !important;top: 26px!important;border:0px!important;background: none!important;height: 26px!important;}span.msg{display: inline-block; font-size: 13px; padding: 4px 1px;}span[style="color: rgb(191, 0, 255);"],span[style="color:#BF00FF"],span[style="color: rgb(255, 102, 0);"],span[style="color:#FF6600"],span[style="color: rgb(0, 191, 0);"],span[style="color:#00BF00"],span[style="color: rgb(250, 0, 0);"],span[style="color:#FA0000"],span[style="color: rgb(89, 89, 89);"],span[style="color:#595959"],span[style="color: rgb(0, 4, 255);"],span[style="color:#0004FF"]{display:none;}a span[style="color: rgb(191, 0, 255);"],a span[style="color:#BF00FF"],a span[style="color: rgb(255, 102, 0);"],a span[style="color:#FF6600"],a span[style="color: rgb(0, 191, 0);"],a span[style="color:#00BF00"],a span[style="color: rgb(250, 0, 0);"],a span[style="color:#FA0000"],a span[style="color: rgb(89, 89, 89);"],a span[style="color:#595959"],a span[style="color: rgb(0, 4, 255);"],a span[style="color:#0004FF"]{display:inline!important;}</style><style></style><style type="text/css">a.gootranslink:link {color: #0000FF !important; text-decoration: underline !important;}a.gootranslink:visited {color: #0000FF !important; text-decoration: underline !important;}a.gootranslink:hover {color: #0000FF !important; text-decoration: underline !important;}a.gootranslink:active {color: #0000FF !important; text-decoration: underline !important;}#dict table {font-size:13px; line-height:1.5em; margin-left:5px; border:0px; background-color:#FFFFAA; color:black; }#dict td {padding-right:29px; vertical-align:top; border:0px; color:black; background-color:#FFFFAA;}</style></head><body onload="CB_disconnect();ajax_refresh_chatbox('?archives=1', 1);if (location.href.indexOf('reload')==-1) location.replace(location.href+'?reload');" id="captcha" class="chatbox"><div id="chatbox_header"><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><th nowrap="nowrap" colspan="2" style="border-bottom: 1px solid rgb(219, 219, 219);"><table width="100%" border="0"><tbody><tr><td nowrap="nowrap" align="left"><div id="chatbox_main_options" class="genmed"><a onclick="CB_disconnect();" href="javascript:void(0)"><span style="color: rgb(255, 255, 255); font-family: Tahoma; font-size: 11px; display: none;" id="chatbox_option_co"><input type="button" title="Đăng nhập" value="Đăng nhập"></span><span style="color: rgb(255, 255, 255); font-family: Tahoma; font-size: 11px;" id="chatbox_option_disco"><input type="button" title="Thoát" value="Thoát"></span></a></div></td><td><span class="gen"><script type="text/JavaScript" language="JavaScript"> v_content=[['','<font color="red"><b>Cấm đưa link quảng cáo,bậy bạ lên CB!</b></font>','_parent'], ['','<font color="green"><b>Nghiêm cấm nói tục, chửi bậy trong CB!</b></font>','_parent'],['','<font color="darkorange"><b>Cấm đả kích các thành viên khác trên CB!</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=0 v_left=0;// | defining v_width=300;// | the box v_height=14;// | v_paddingTop=0; v_paddingLeft=0; v_position='relative';// absolute/relative v_timeout=3000;//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='left';// left/center/right v_textVAlign='middle';// top/middle/bottom - won't work in Netscape4 // === 2 === THE CONTENT - ['href','text','target'] // Use '' for href to have no link item v_content = v_content; // === v_ua=navigator.userAgent;v_nS4=document.layers?1:0;v_iE=document.all&&!window.innerWidth&&v_ua.indexOf("MSIE")!=-1?1:0;v_oP=v_ua.indexOf("Opera")!=-1&&document.clear?1:0;v_oP7=v_oP&&document.appendChild?1:0;v_oP4=v_ua.indexOf("Opera")!=-1&&!document.clear;v_kN=v_ua.indexOf("Konqueror")!=-1&&parseFloat(v_ua.substring(v_ua.indexOf("Konqueror/")+10))<3.1?1:0;v_count=v_content.length;v_cur=1;v_cl=0;v_d=v_slideDirection?-1:1;v_TIM=0;v_fontSize2=v_nS4&&navigator.platform.toLowerCase().indexOf("win")!=-1?v_fontSizeNS4:v_fontSize;v_canPause=0;function v_getOS(a){return v_iE?document.all[a].style:v_nS4?document.layers["v_container"].document.layers[a]:document.getElementById(a).style};function v_start(){var o,px;o=v_getOS("v_1");px=v_oP&&!v_oP7||v_nS4?0:"px";if(parseInt(o.top)==v_paddingTop){v_canPause=1;if(v_count>1)v_TIM=setTimeout("v_canPause=0;v_slide()",v_timeout);return}o.top=(parseInt(o.top)-v_slideStep*v_d)*v_d>v_paddingTop*v_d?parseInt(o.top)-v_slideStep*v_d+px:v_paddingTop+px;if(v_oP&&o.visibility.toLowerCase()!="visible")o.visibility="visible";setTimeout("v_start()",v_slideSpeed)};function v_slide(){var o,o2,px;o=v_getOS("v_"+v_cur);o2=v_getOS("v_"+(v_cur<v_count?v_cur+1:1));px=v_oP&&!v_oP7||v_nS4?0:"px";if(parseInt(o2.top)==v_paddingTop){if(v_oP)o.visibility="hidden";o.top=v_height*v_d+px;v_cur=v_cur<v_count?v_cur+1:1;v_canPause=1;v_TIM=setTimeout("v_canPause=0;v_slide()",v_timeout);return}if(v_oP&&o2.visibility.toLowerCase()!="visible")o2.visibility="visible";if((parseInt(o2.top)-v_slideStep*v_d)*v_d>v_paddingTop*v_d){o.top=parseInt(o.top)-v_slideStep*v_d+px;o2.top=parseInt(o2.top)-v_slideStep*v_d+px}else{o.top=-v_height*v_d+px;o2.top=v_paddingTop+px}setTimeout("v_slide()",v_slideSpeed)};if(v_nS4||v_iE||v_oP||document.getElementById&&!v_kN&&!v_oP4){ document.write("<style>.vnewsticker,a.vnewsticker{font-family:"+v_font+";font-size:"+v_fontSize2+";color:"+v_fontColor+";text-decoration:"+v_textDecoration+";font-weight:"+v_fontWeight+"}a.vnewsticker:hover{font-family:"+v_font+";font-size:"+v_fontSize2+";color:"+v_fontColorHover+";text-decoration:"+v_textDecorationHover+"}</style>");v_temp="<div "+(v_nS4?"name":"id")+"=v_container style='position:"+v_position+";top:"+v_top+"px;left:"+v_left+"px;width:"+v_width+"px;height:"+v_height+"px;background:"+v_bgColor+";layer-background"+(v_bgColor.indexOf("url(")==0?"-image":"-color")+":"+v_bgColor+";clip:rect(0,"+v_width+","+v_height+",0);overflow:hidden'>"+(v_iE?"<div style='position:absolute;top:0px;left:0px;width:100%;height:100%;clip:rect(0,"+v_width+","+v_height+",0)'>":"");for(v_i=0;v_i<v_count;v_i++) v_temp+="<div "+(v_nS4?"name":"id")+"=v_"+(v_i+1)+" style='position:absolute;top:"+(v_height*v_d)+"px;left:"+v_paddingLeft+"px;width:"+(v_width-v_paddingLeft*2)+"px;height:"+(v_height-v_paddingTop*2)+"px;clip:rect(0,"+(v_width-v_paddingLeft*2)+","+(v_height-v_paddingTop*2)+",0);overflow:hidden"+(v_oP?";visibility:hidden":"")+";text-align:"+v_textAlign+"' class=vnewsticker>"+(!v_nS4?"<table width="+(v_width-v_paddingLeft*2)+" height="+(v_height-v_paddingTop*2)+" cellpadding=0 cellspacing=0 border=0><tr><td width="+(v_width-v_paddingLeft*2)+" height="+(v_height-v_paddingTop*2)+" align="+v_textAlign+" valign="+v_textVAlign+" class=vnewsticker>":"")+(v_content[v_i][0]!=""?"<a href='"+v_content[v_i][0]+"' target='"+v_content[v_i][2]+"' class=vnewsticker"+(v_pauseOnMouseOver?" onmouseover='if(v_canPause&&v_count>1){clearTimeout(v_TIM);v_cl=1}' onmouseout='if(v_canPause&&v_count>1&&v_cl)v_TIM=setTimeout(\"v_canPause=0;v_slide();v_cl=0\","+v_timeout+")'":"")+">":"<span"+(v_pauseOnMouseOver?" onmouseover='if(v_canPause&&v_count>1){clearTimeout(v_TIM);v_cl=1}' onmouseout='if(v_canPause&&v_count>1&&v_cl)v_TIM=setTimeout(\"v_canPause=0;v_slide();v_cl=0\","+v_timeout+")'":"")+">")+v_content[v_i][1]+(v_content[v_i][0]!=""?"</a>":"</span>")+(!v_nS4?"</td></tr></table>":"")+"</div>";v_temp+=(v_iE?"</div>":"")+"</div>";document.write(v_temp);setTimeout("v_start()",1000);if(v_nS4)onresize=function(){location.reload()}}</script><style>.vnewsticker,a.vnewsticker{font-family:verdana;font-size:12px;color:#000000;text-decoration:none;font-weight:normal}a.vnewsticker:hover{font-family:verdana;font-size:12px;color:#333333;text-decoration:none}</style><div style="position: relative; top: 0px; left: 0px; width: 300px; height: 14px; background: none repeat scroll 0% 0% transparent; overflow: hidden;" id="v_container"><div class="vnewsticker" style="position: absolute; top: 14px; left: 0px; width: 300px; height: 14px; overflow: hidden; text-align: left;" id="v_1"><table width="300" height="14" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td width="300" valign="middle" height="14" align="left" class="vnewsticker"><span onmouseout="if(v_canPause&&v_count>1&&v_cl)v_TIM=setTimeout("v_canPause=0;v_slide();v_cl=0",3000)" onmouseover="if(v_canPause&&v_count>1){clearTimeout(v_TIM);v_cl=1}"><font color="red"><b>Cấm đưa link quảng cáo,bậy bạ lên CB!</b></font></span></td></tr></tbody></table></div><div class="vnewsticker" style="position: absolute; top: 0px; left: 0px; width: 300px; height: 14px; overflow: hidden; text-align: left;" id="v_2"><table width="300" height="14" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td width="300" valign="middle" height="14" align="left" class="vnewsticker"><span onmouseout="if(v_canPause&&v_count>1&&v_cl)v_TIM=setTimeout("v_canPause=0;v_slide();v_cl=0",3000)" onmouseover="if(v_canPause&&v_count>1){clearTimeout(v_TIM);v_cl=1}"><font color="green"><b>Nghiêm cấm nói tục, chửi bậy trong CB!</b></font></span></td></tr></tbody></table></div><div class="vnewsticker" style="position: absolute; top: 14px; left: 0px; width: 300px; height: 14px; overflow: hidden; text-align: left;" id="v_3"><table width="300" height="14" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td width="300" valign="middle" height="14" align="left" class="vnewsticker"><span onmouseout="if(v_canPause&&v_count>1&&v_cl)v_TIM=setTimeout("v_canPause=0;v_slide();v_cl=0",3000)" onmouseover="if(v_canPause&&v_count>1){clearTimeout(v_TIM);v_cl=1}"><font color="darkorange"><b>Cấm đả kích các thành viên khác trên CB!</b></font></span></td></tr></tbody></table></div></div></span></td></tr></tbody></table></th></tr><tr><td class="row3" style="height: 27px; padding-left: 10px;"><span class="gen">Chuyển bộ gõ :</span></td><td width="13%" class="row3"><input type="button" onclick="location.replace(location.href+'?reload');" title="chuyển bộ gõ" value="OK"></td></tr></tbody></table></div><div increment="10" pageincrement="144" maxpos="460" curpos="0" id="chatbox_members"><h4 class="member-title online">Online</h4><ul class="online-users"><li><a target="_blank" onclick="return copy_user_name('osamahiep');" oncontextmenu="return showMenu(104,'osamahiep',1001,0,0,2,1,event,'');" href="/u1"><span style="color: rgb(255, 0, 0);"><strong>@</strong></span> <span style="color: rgb(255, 0, 0);"><strong>osamahiep</strong></span></a></li><li><a target="_blank" onclick="return copy_user_name('osamahiep');" oncontextmenu="return showMenu(1001,'osamahiep',1001,0,0,0,0,event,'');" href="/u9">luckygirl_8</a></li></ul></div><div id="chatbox"><p class="chatbox_row_1 clearfix"><span title="22 Feb 2011" class="date-and-time">[22:10:09 22/02/11]</span> <span class="user-msg"><span class="user"><a target="_blank" onclick="return copy_user_name('tinhcadumuc');" href="/u884">tinhcadumuc</a> : </span><span class="msg"><span style="color: rgb(0, 0, 0);">Đang làm gì thế Hiệp?</span></span></span></p><p class="chatbox_row_2 clearfix"><span title="22 Feb 2011" class="date-and-time">[22:10:37 22/02/11]</span> <span class="user-msg"><span class="user"><a target="_blank" onclick="return copy_user_name('tinhcadumuc');" href="/u884">tinhcadumuc</a> : </span><span class="msg"><span style="color: rgb(0, 0, 0);"><a rel="nofollow" target="_blank" href="Os biết trang này chưa http://hellochao.com/">Mọi người vào trang này xem nhé, cũng hay http://hellochao.com/</a></span></span></span></p></div><div id="chatbox_footer" style="display: block;"><div id="chatbox_messenger"><form onsubmit="submitmsg('?archives=1');refresh_chatbox('?archives=1');return false;" method="post" action="/chatbox" name="post"><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td class="row3"><div id="chatbox_messenger_form"><table width="100%" height="24" cellspacing="0" cellpadding="0" class="chatfootertable"><tbody><tr><td width="100%" align="left" style="padding-left: 4px;"><label><input type="text" onblur="if((this.style.background=='') && (this.value=='')){this.style.background='#fff url(http://i62.servimg.com/u/f62/14/52/40/23/notice10.png) no-repeat'}" onfocus="if(this.style.background!='none'){this.style.background=''}" style="width: 72%; background-image: url("http://i62.servimg.com/u/f62/14/52/40/23/notice10.png"); background-color: rgb(255, 255, 255); background-repeat: no-repeat;" autocomplete="off" class="post" maxlength="1024" size="35" name="message" id="message"></label></td></tr><tr><td width="100%" align="left"><table cellspacing="7" cellpadding="0" border="0" class="text-styles" style="line-height: 0px;"><tbody><tr><td><input type="hidden" value="0" name="sbold"><input type="hidden" value="0" name="sitalic"><input type="hidden" value="0" name="sunderline"><input type="hidden" value="0" name="sstrike"><input type="hidden" value="#000000" id="scolor" name="scolor"><span onclick="document.post.message.focus();" class="gen"><input type="hidden" value="" name="sent"><input type="submit" style="font-weight: bold; height: 22px;" id="submit_button" value="SEND" name="submit_button"></span></td><td><div onmouseup="this.className=( document.post.sbold.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onmousedown="this.className='fontbutton fontbutton_clicked';" onclick="do_style('bold');" onmouseout="this.className=( document.post.sbold.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onmouseover="this.className='fontbutton fontbutton_hover'" class="fontbutton fontbutton_normal" id="divbold"><img width="21" height="20" title="Bold" alt="Bold" src="http://2img.net/i/fa/subsilver/wysiwyg/bold.gif"></div></td><td><div onmouseup="this.className=( document.post.sitalic.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onmousedown="this.className='fontbutton fontbutton_clicked';" onclick="do_style('italic');" onmouseout="this.className=( document.post.sitalic.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onmouseover="this.className='fontbutton fontbutton_hover'" class="fontbutton fontbutton_normal" id="divitalic"><img width="21" height="20" title="Ital." alt="Ital." src="http://2img.net/i/fa/subsilver/wysiwyg/italic.gif"></div></td><td><div onmouseup="this.className=( document.post.sunderline.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onmousedown="this.className='fontbutton fontbutton_clicked';" onclick="do_style('underline');" onmouseout="this.className=( document.post.sunderline.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onmouseover="this.className='fontbutton fontbutton_hover'" class="fontbutton fontbutton_normal" id="divunderline"><img width="21" height="20" title="Underl." alt="Underl." src="http://2img.net/i/fa/subsilver/wysiwyg/underline.gif"></div></td><td><div onmouseup="this.className=( document.post.sstrike.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onmousedown="this.className='fontbutton fontbutton_clicked';" onclick="do_style('strike');" onmouseout="this.className=( document.post.sstrike.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onmouseover="this.className='fontbutton fontbutton_hover'" class="fontbutton fontbutton_normal" id="divstrike"><img width="21" height="20" title="Strike" alt="Strike" src="http://2img.net/i/fa/subsilver/wysiwyg/strike.gif"></div></td><td><div onclick="do_selectcolor(event);" onmouseout="this.className='fontbutton fontbutton_normal'" onmouseover="this.className='fontbutton fontbutton_hover'" class="fontbutton fontbutton_normal" id="divcolor"><img width="21" height="16" title="Màu font" alt="Màu font" src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif"><img width="11" height="16" title="Màu font" alt="Màu font" src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"><br><img width="21" height="4" title="Màu font" alt="Màu font" id="show_color" src="http://2img.net/i/fa/subsilver/wysiwyg/clear.gif" style="background-color: rgb(0, 0, 0);"></div></td><td><div onclick="do_selectsmilies(event);" onmouseout="this.className='fontbutton fontbutton_normal'" onmouseover="this.className='fontbutton fontbutton_hover'" class="fontbutton fontbutton_normal" id="divsmilies"><img width="21" height="20" title="Biểu tượng" alt="Biểu tượng" src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif"><img width="11" height="20" title="Biểu tượng" alt="Biểu tượng" src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"></div></td><td class="gen"><input type="button" style="font-weight: bold; height: 22px;" title="Lưu trữ" value="Lưu trữ" onclick="ajax_refresh_chatbox('?archives=1');"></td><td class="gen"><input type="button" style="font-weight: bold; height: 22px;" title="Refresh" value="Refresh" onclick="ajax_refresh_chatbox('?archives=1', 1);"></td><td class="chatbox-options"><div id="chatbox_main_options" class="gen"><span onclick="refresh_chatbox('?archives=1');" id="chatbox_option_autorefresh"><label for="refresh_auto">Auto refresh </label><input type="checkbox" style="background: none repeat scroll 0% 0% transparent;" checked="checked" id="refresh_auto" name="refresh_auto"></span></div></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></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 = 1260633294;var chatbox_last_update = 1260633294;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>

2/ Trong nội dung trên mình đã ghi ra mấy cái nick ảo để đánh lừa guests, các bạn search mấy nick này trong đoạn html trên và thay bằng nick nào đó tùy bạn: a) osamahiep b) luckygirl_8 c) tinhcadumuc

và thay luôn đường dẫn tới profile của thành viên đó, link tới profile nằm bên cạnh mấy cái nick thôi, nhìn là thấy

kèm theo đó là mấy dòng chat giả

Code:: Đang làm gì thế Hiệp? Mọi người vào trang này xem nhé, cũng hay [url=http://hellochao.com]http://hellochao.com[/url]/

cũng thay bằng nội dung bạn muốn

demo
[Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa - Page 3 Myscre10

3/ thêm vào css:

Code:: #frame_chatbox { border: medium none !important; } body.chatbox { background: url("http://www.tinhgia3sv.tk/users/2211/12/43/96/album/row310.gif") repeat scroll 0 0 white; margin: 0; min-width: 550px !important; padding: 0; } #chatbox_members { bottom: 52px; overflow: auto; padding: 3px 2px; position: absolute; top: 54px; width: 163px; } #chatbox { bottom: 52px; left: 165px; line-height: 10px; overflow: auto; position: absolute; right: 0; top: 54px; } .chatbox_row_1, .chatbox_row_2, .chatbox_row_3 { font-size: 11px; padding: 0 5px; } .chatbox-options { text-align: right; } #chatbox_messenger_form .gen, #chatbox_messenger_form .text-field, #chatbox_messenger_form { white-space: nowrap; } #chatbox_footer { bottom: 0; display: inline !important; height: 53px; left: 0; position: absolute; right: 0; } #chatbox_footer table.text-styles { float: none; } #chatbox_footer .text-field { float: left; } #chatbox_header { background-color: #E5E5E5; height: 53px; } #chatbox p { line-height: 1.2em; } .memberlist_row_1 { padding: 2px 2px 2px 10px; } #chatbox_members .member-title { background-image: none; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; padding: 0.5em 0.25em; text-align: center; } #chatbox_members ul { font-size: 11px; list-style: none outside none; margin: 0 0 0 10px; } #chatbox_members ul li { margin: 2px 2px 2px 0; } #message, #submit_button { border-width: 1px; } .fontbutton { -moz-border-radius: 3px 3px 3px 3px; background: url("http://www.tinhgia3sv.tk/users/2211/12/43/96/album/tabbg110.png") repeat scroll 0 0 #F4F5F4; border: 1px solid #A9B8C2 !important; cursor: pointer; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; text-align: left; } .fontbutton_normal { background: url("http://www.tinhgia3sv.tk/users/2211/12/43/96/album/tabbg110.png") repeat scroll 0 0 #F4F5F4; } .fontbutton_selected { background: url("http://www.tinhgia3sv.tk/users/2211/12/43/96/album/tile_b11.gif") repeat scroll 0 0 #FFFFFF; border: 1px solid #00C6D4 !important; color: #00C6D4; } .fontbutton_clicked { background: none repeat scroll 0 0 #959595; border: 1px solid #22229C; } #chatbox .user { font-weight: bold; } div#chatbox { color: #FFB75C; } #chatbox_contextmenu { background-color: white; border: 1px dashed #AAAAAA; padding: 4px; } #chatbox_contextmenu p { border-top: 1px dashed #AAAAAA; font-family: verdana,arial,sans-serif; margin: 0; padding: 1px 4px; } #chatbox_contextmenu p.hover { border: 1px dashed #00C6D4; } #chatbox_contextmenu p.close { border: medium none; color: blue; font-size: 70%; font-weight: bold; padding: 1px; } #chatbox_contextmenu p.close img { padding-left: 25px; vertical-align: middle; } #chatbox_contextmenu a { font-size: 70%; text-decoration: none; } #chatbox_contextmenu a:hover { } .fontbutton { border: 0 none; } * html #chatbox-members { } * html #chatbox { } * html #chatbox-footer { } .date-and-time { color: gray; font-size: 10px; }

3/ Ok rồi, bây giờ vào Index Body chèn dòng code sau vào trước

Code:: {BOARD_INDEX}

Code:: <IFRAME SRC="LInk trang HTML CHATBOX" WIDTH=930 HEIGHT=400> </IFRAME>

Đã xong, nếu thấy hay thì reply nhé ! Tks các bạn

by **hizen** 13/6/2011, 10:07 am

nh0xvip.al0ny đã viết:Tình hình là không chat được !!!

bạn dễ thương qua.mình có tình cảm rồi Yêu

by **dangtuanan90** 30/6/2011, 12:57 am

Sao làm rồi mà chat nó không hiện dòng mình chat lên vậy

by **Zero** 30/6/2011, 1:37 am

dangtuanan90 đã viết:Sao làm rồi mà chat nó không hiện dòng mình chat lên vậy

active chatbox trong modules chưa Roll eye

by **NamHoangGXD** 30/6/2011, 7:42 am

Thank . Chat box rất đẹp nhưng cho mình hỏi , mình muốn thay cái chữ Đang làm gì thế Hiệp?
Mọi người vào trang này xem nhé, cũng hay http://hellochao.com/ có được kô bạn ?

by **dangtuanan90** 30/6/2011, 9:48 am

Zero đã viết:
dangtuanan90 đã viết:Sao làm rồi mà chat nó không hiện dòng mình chat lên vậy
active chatbox trong modules chưa

- Rồi bạn..
ý mình nói là sau khi viết "Có ai ở nhà không" rồi bấm nút SEND thì nó không hiện lên trên CB, và viết bao nhiêu lần cũng vẩn không hiện lên trên CB

by **handsomevip007** 30/6/2011, 12:55 pm

NamHoangGXD đã viết:Thank . Chat box rất đẹp nhưng cho mình hỏi , mình muốn thay cái chữ Đang làm gì thế Hiệp?
Mọi người vào trang này xem nhé, cũng hay http://hellochao.com/ có được kô bạn ?

Xem kĩ lại, chủ topic đã hướng dẫn. chịu

Vào đoạn code bấm Ctrl F để tìm những cái cần thay rồi thay lại

by **cunnho** 30/6/2011, 1:03 pm

Mình chẳng thấy có gì đặc biệt.

P/s: tại mình ko thích whistling

by **handsomevip007** 30/6/2011, 1:08 pm

cunnho đã viết:Mình chẳng thấy có gì đặc biệt.

P/s: tại mình ko thích

Vậy thì đừng lên tiếng chịu

by **Tiểu Bá Vương** 11/7/2011, 11:04 am

Mọi người giúp mình với. Mình đang cần gấp
Mình làm thì chát bt rồi nhưng thanh công cụ của nó cứ bị ẩn đi mất. Chán thật
Demo:
[Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa - Page 3 Fix%252520loi

[Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa - Page 3 Fix%252520loi

by **quangtrung_it** 11/7/2011, 11:09 am

Bạn chỉnh size của khung inframe lớn thêm một tý xem thế nào. Vui

by **Tiểu Bá Vương** 11/7/2011, 11:26 am

quangtrung_it đã viết:Bạn chỉnh size của khung inframe lớn thêm một tý xem thế nào.

Mình chỉnh rồi. Nó chỉ to nhỏ ra thôi không ảnh hưởng đến cái đấy. Mà bay giờ còn lỗi không đăng nhập được nữa. pt

by **quangtrung_it** 11/7/2011, 11:30 am

Tiểu Bá Vương đã viết:
quangtrung_it đã viết:Bạn chỉnh size của khung inframe lớn thêm một tý xem thế nào.
Mình chỉnh rồi. Nó chỉ to nhỏ ra thôi không ảnh hưởng đến cái đấy. Mà bay giờ còn lỗi không đăng nhập được nữa. pt

Hì, hồi nãy quên nói với bạn. Bây giờ tất cả chatbox kiểu này đều ko dùng được nữa rồi. Muốn dùng phải làm thêm vài bước nữa. Xem 4rum mình sẽ biết. Cái này chỉ để chống cháy tạm thời thôi Cười nhe răng

by **Tiểu Bá Vương** 11/7/2011, 11:43 am

Thế bạn cho mình link làm Chatbox chuẩn và đẹp ntn được ko?. Mình đang cần mà tìm toàn cái cũ bị lỗi thôi. Thanks trước. hi

by **quangtrung_it** 11/7/2011, 11:47 am

Tiểu Bá Vương đã viết:Thế bạn cho mình link làm Chatbox chuẩn và đẹp ntn được ko?. Mình đang cần mà tìm toàn cái cũ bị lỗi thôi. Thanks trước. hi

Hiện giờ chưa có cái chatbox nào chuẩn và đẹp cả bạn à. Đa phần dùng chatbox mặc định thôi. Còn 4rum mình vẫn dùng chatbox trước update nhưng trước khi login phải thêm một bước nữa. Vui

by **Tiểu Bá Vương** 11/7/2011, 11:55 am

quangtrung_it đã viết:
Tiểu Bá Vương đã viết:Thế bạn cho mình link làm Chatbox chuẩn và đẹp ntn được ko?. Mình đang cần mà tìm toàn cái cũ bị lỗi thôi. Thanks trước. hi
Hiện giờ chưa có cái chatbox nào chuẩn và đẹp cả bạn à. Đa phần dùng chatbox mặc định thôi. Còn 4rum mình vẫn dùng chatbox trước update nhưng trước khi login phải thêm một bước nữa.

Ukm. Thanks bạn. Đành dùng tạm vậy. Chatbox mặc định xấu òm. Nhìn thấy ghê. Buồn

by **quangtrung_it** 11/7/2011, 1:04 pm

Tiểu Bá Vương đã viết:
quangtrung_it đã viết:
Tiểu Bá Vương đã viết:Thế bạn cho mình link làm Chatbox chuẩn và đẹp ntn được ko?. Mình đang cần mà tìm toàn cái cũ bị lỗi thôi. Thanks trước. hi
Hiện giờ chưa có cái chatbox nào chuẩn và đẹp cả bạn à. Đa phần dùng chatbox mặc định thôi. Còn 4rum mình vẫn dùng chatbox trước update nhưng trước khi login phải thêm một bước nữa.
Ukm. Thanks bạn. Đành dùng tạm vậy. Chatbox mặc định xấu òm. Nhìn thấy ghê.

Bạn thay CSS chatbox lại nhìn cũng đỡ hơn nhiều. Mình thấy nhiều 4rum làm vậy đó. (*)

by **wolfking** 11/7/2011, 3:12 pm

Có ai cho em hỏi !! Chèn CSS là chỗ nào thế ạ !!??
Em chỉ thấy chỗ RSS thôi Phù...!

by **handsomevip007** 11/7/2011, 3:15 pm

ACp>>Display>>Color>>CSS chịu

by **ngoctrivhit** 28/9/2011, 5:22 pm

[Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa - Page 3 902564400188fea8574b9a9bc8e71418_35766506.cb

Lỗi thế này, fix kiểu gì đây, Với lại đăng nhập vào khi nào cũng disconect

by **Tran Jun Han** 24/10/2011, 8:11 pm

Sao mình làm đúng như vậy mk` không đăng nhập được?

Code:: http://trunghoccosohoanghia.forumvi.com

by **batonchinsu** 24/10/2011, 8:14 pm

bài này cổ rồi hehe

FM cập nhật nên phải sửa đôi chút ngại quá

by **Tran Jun Han** 24/10/2011, 8:26 pm

Giờ sửa đổi kiểu gì ạ?
Em làm mấy cái chatbox kia tàn bị lỗi không được

by **LiBee KS** 25/10/2011, 7:12 am

SỬa lại cho nó tự cập nhật sau ngày 4/7 whistling

http://diendan.chinhphuc.info/t18103-topic

by **duongcam2102** 28/11/2011, 3:19 pm

ngoctrivhit đã viết:
Lỗi thế này, fix kiểu gì đây, Với lại đăng nhập vào khi nào cũng disconect

Mình cũng bị lỗi như trên

by **lxlovely** 28/11/2011, 3:32 pm

ko viết dc nội dung

by **duongcam2102** 28/11/2011, 3:46 pm

Đã tự sửa được. Bạn nào lỗi như trên thì làm như sau.

Chèn vào index body:

Tìm {CHATBOX_TOP} Và thay = Code dưới nhé : ( Xoá Cái {CHATBOX_TOP} )

Code::  <center><b> </b></center><body class="chatbox" onload="CB_disconnect();ajax_refresh_chatbox('?archives=0', 1);if (location.href.indexOf('reload')==-1) location.replace(location.href+'?reload');"> <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="tcat" height="28"><span class="cattitle"><font color=white><font size=3 >-‘@’- .:: CHATBOX::. </font></span></td></tr><tr><td[/email] class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"> <center><iframe name="chat" id="chat" src="[color=red]đường link html của bạn[/color]" height="500" width="100%" frameborder="0"></iframe></center> </tr></td> {CHATBOX_TOP}

by **duongcam2102** 28/11/2011, 3:48 pm

Chú ý trong khung CODE có phần : chèn "đường link html" của bạn

by **KillAlt1.0** 28/11/2011, 5:52 pm

hôm trước mình ghé 1 fỏum, cũng có chat box như thế này, nhưng màk người ta có cả nút thỉnh thầy 8->

by **duongcam2102** 28/11/2011, 6:51 pm

You are disconnected. >>> Luôn ở tình trạng này, không đăng nhập nổi. Chịu. Ai giúp vs

by **rockmanvnx6** 28/11/2011, 10:24 pm

Chuẩn , đã díconnect thì không đăng nhập lại được . Mình đang bị mắc chỗ này nà

by Sponsored content

[Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

[Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

[Thắc mắc] GIÚP VỚI

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

[Chia sẻ] Đã tự sửa được

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

[Thắc mắc] You are disconnected.

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa

Re: [Chia sẻ]: Chat box đẹp, có nội quy, và còn nữa