Chào mừng bạn đến với -‘๑’ FORUM ‘๑’-.
Chat box đẹp, có nội quy, và còn nữa the gioi hoc sinh vb4
Welcome to TGHS
/>

the gioi hoc sinh

Ket noi cong dong hoc sinh viet

Đang tải dữ liệu...
IndexIndex  PortalPortal  CalendarCalendar  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Thành viênThành viên  NhómNhóm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  

Share|

Chat box đẹp, có nội quy, và còn nữa

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down
Tác giảThông điệp
Dân thường
Dân thường

Posts : 9
Points : 24
Thanked : 0
Join date : 01/04/2012
Status : s2 luv_xau_xi s2
Thông Tin truelove
Click để biết chi tiết! Posts : 9
Points : 24
Thanked : 0
Join date : 01/04/2012
Status : s2 luv_xau_xi s2
Hiện đang:
Xem lý lịch thành viên
Bài gửiTiêu đề: Chat box đẹp, có nội quy, và còn nữa Sun Apr 01, 2012 4:58 pm
s2 luv_xau_xi s2

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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/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://illiweb.com/fa/subsilver/wysiwyg/color.gif"><img width="11" height="16" title="Màu font" alt="Màu font" src="http://illiweb.com/fa/subsilver/wysiwyg/menupop.gif"><br><img width="21" height="4" title="Màu font" alt="Màu font" id="show_color" src="http://illiweb.com/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://illiweb.com/fa/subsilver/wysiwyg/smilie.gif"><img width="11" height="20" title="Biểu tượng" alt="Biểu tượng" src="http://illiweb.com/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

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>
 

Tài sản
Xem tài sản của truelove
Chữ kí của thành viên
Bookmark and chia sẻ

Hãy cảm ơn bài viết của truelove bằng cách bấm vào nút "" nhé!!!

Tiêuđề

Chat box đẹp, có nội quy, và còn nữa

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang
Trang 1 trong tổng số 1 trang
.::Host upload ảnh miễn phí Clickhere!::.
Permissions in this forum:Bạn không có quyền trả lời bài viết
-
| CÔNG CỤ TÌM KIẾM | TÌM KIẾM THEO| Tìm kiếm nâng cao...
Logout
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Create a free blog