[Chia sẻ] Chatbox đẹp cho forum bạn!

by **Sấm** 14/7/2012, 3:44 pm

First topic message reminder :

Rãnh ngồi mò chơi hehe

Đề mô: [You must be registered and logged in to see this link.]

Cách làm:

1. Tạo 1 trang HTML cho tất cả những cái sau vào.

Code:: <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="vi" xml:lang="vi" ><head><title>9X STUDIO ENTERTAINMENT</title><meta http-equiv="content-style-type" content="text/css"><link rel="stylesheet" href="http://www.9xstudio.biz/59-ltr.css" type="text/css" /> <style type="text/css">*{margin:0;padding:0}html,body{overflow:hidden}body{background-color:#efefef}#mudimPanel{display:none}div#mudimPanel{left:76px!important;position:absolute!important;width:690px!important;top:26px!important;border:0!important;background:none!important;height:26px!important}span[style="color: rgb(3, 3, 3);"],span[style="color:#030303"]{text-decoration:line-through}span.msg{display:inline-block;font-family:'Comic Sans MS';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}#chatbox_members{display:none}#chatbox{bottom:83px;left:0;line-height:10px;overflow:auto;position:absolute;right:0;border:1px solid #DDD}.date-and-time{font-size:9px;color:gray}.chatbox_row_1,.chatbox_row_2{background-color:#fff!important;padding:4px}#chatbox_footer{border:0!important}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{font-size:11px;padding:0 5px}#chatbox_header{height:23px!important}.fontbutton{height:16px;display:inline-block;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;background-color:whiteSmoke;background-image:-moz-linear-gradient(top,white,#e6e6e6);background-image:-ms-linear-gradient(top,white,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(white),to(#e6e6e6));background-image:-webkit-linear-gradient(top,white,#e6e6e6);background-image:-o-linear-gradient(top,white,#e6e6e6);background-image:linear-gradient(top,white,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#e6e6e6',GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);border:1px solid #CCC;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);cursor:pointer}.fontbutton_selected{color:#333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-ms-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fontbutton:hover{color:#333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-ms-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}#chatbox_members{border:1px solid #DDD;bottom:83px;overflow:auto;position:absolute;width:162px}#chatbox_members .member-title{background-color:#f4f9fd;background-image:none;color:#00569c;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:0!important;text-align:center;border-bottom:1px solid #DDD}</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <script src="http://illiweb.com/rs3/34/frm/lang/vi.js" type="text/javascript"></script> <script src="http://illiweb.com/rs3/34/frm/chatbox/chatbox6.js" type="text/javascript"></script> <script src="/h73-page" type="text/javascript"></script> </head> <body onload="if(!connected){CB_disconnect();}ajax_refresh_chatbox('?archives=100', 1);" class="chatbox" id="captcha"> <div id="chatbox_header" class="buzza1" style=" border: 1px solid #CCC; background-color: #f4f4f4;"> <span class="gen"> <img src="http://r20.imgfast.net/users/2012/10/88/45/smiles/3151748541.gif"> Chú ý : <b><font color="violet"/><a href="http://www.9xstudio.biz/t6745-topic#25257" target="blank">[Radio Online Kỳ 2] Chuyện Tình Buồn</a></font></b> <img src="/users/2012/10/88/45/smiles/522858411.gif"> </strong> <div style="float: right; padding-right: 5px; margin-top: 2px;"> <a href="javascript:void(0)" onclick="CB_disconnect();"><span id="chatbox_option_co" style="display: none;"><strong>Đăng Nhập</strong></span><span id="chatbox_option_disco" style="display: ;">Thoát</span></a> </div> </div> <div id="chatbox_members" class="buzza1" curpos="0" maxpos="460" pageincrement="144" increment="10"></div> <div class="buzza1" id="chatbox"></div> <div id="chatbox_footer" class="buzza1" style="display: none; "> <div id="chatbox_messenger"> <div class="he" id="xong" style="margin-top: 0px; border: 1px solid #DDD; height: 93px; overflow: auto; display: block; margin-bottom: 5px; display: none; "> </div> <form name="post" action="/chatbox/chatbox.forum" method="post" onsubmit="submitmsg('?archives=1');refresh_chatbox('?archives=1');return false;"> <table width="100%" cellspacing="0" cellpadding="0"> <tbody> <tr> <td class="row3" style="border: 1px solid #DDD;background-color: #FBFBFB;"> <div id="chatbox_messenger_form" style="display: none; " class="row1"> <table cellspacing="0" cellpadding="0" height="24" width="100%" class="chatfootertable"> <tbody> <tr> <td width="100%" align="left" style="padding-left: 4px;"> <p id="chatboxt" style="display: none;"></p> <label> <input type="text" id="message" name="message" size="35" maxlength="1024" class="post" autocomplete="off" placeholder="Vui lòng gõ Tiếng Việt có dấu - Không đưa yêu cầu tại đây. Cảm ơn!" style="width: 82%;"> </label> </td> </tr> <tr> <td width="100%" align="left"> <table cellspacing="7" cellpadding="0" border="0" style="line-height: 0px;" class="text-styles"> <tbody> <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();"> <input type="hidden" name="sent" value="" onclick="submittb();"> <input type="submit" name="submit_button" class="btn btn-primary" value="SEND" id="submit_button" style="font-weight: bold;height:22px;" onclick="submittb();"> </span> <td> <div id="divbold" class="fontbutton fontbutton_normal" 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="http://2img.net/i/fa/subsilver/wysiwyg/bold.gif" width="21" height="20" alt="Bold" title="Bold"></div> <div 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="http://2img.net/i/fa/subsilver/wysiwyg/italic.gif" width="21" height="20" alt="Ital." title="Ital."></div> <div 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="http://2img.net/i/fa/subsilver/wysiwyg/underline.gif" width="21" height="20" alt="Underl." title="Underl."></div> <div 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="http://2img.net/i/fa/subsilver/wysiwyg/strike.gif" width="21" height="20" alt="Strike" title="Strike"></div> <div id="divcolor" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="do_selectcolor(event);"><img src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif" width="21" height="16" alt="Màu font" title="Màu font"><img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="16" alt="Màu font" title="Màu font"><br></div> <div id="emoclik" class="fontbutton fontbutton_normal"><img src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="Biểu tượng" title="Biểu tượng"><img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="20" alt="Biểu tượng" title="Biểu tượng"> </div> <div style="display: none" id="emoclik2" class="fontbutton fontbutton_normal"><img src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="Biểu tượng" title="Biểu tượng"><img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="20" alt="Biểu tượng" title="Biểu tượng"> </div> <input onclick="buzz();" type="button" class="btn" value="BUZZ!!!" title="buzz" style="font-weight: bold;color:red;height:22px;" id="submit_butt"> <td> <input onclick="javascript:window.location.reload()" class="btn" type="button" value="Refresh" title="Refresh" style="font-weight: bold;height:22px;"> </td> <td> <div class="gen" id="chatbox_main_options"> <span id="chatbox_option_autorefresh" onclick="refresh_chatbox('?archives=1');" style="display: none; "> <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> </tbody> </table> </td> </tr> </tbody> </table> </div> </td></tr></tbody></table></form></div> </div> <script>$("input#message").keyup(function () {var valuet = $(this).val();$("p#chatboxt").text(valuet);});$("#submit_butt").click( function() {var conf = {frequency: 10000,duration: 1000};$("div.buzza1").vibrate(conf);});</script><script>jQuery.fn.vibrate=function(conf){var config=jQuery.extend({speed:40,duration:3000,frequency:20000,spread:100},conf);return this.each(function(){var t=jQuery(this);var vibrate=function(){var rotate=Math.floor(Math.random()*config.spread-(config.spread-1)/2);t.css({'-webkit-transform':'rotate('+rotate+'deg)','-moz-transform':'rotate('+rotate+'deg)','-ms-transform':'rotate('+rotate+'deg)','-o-transform':'rotate('+rotate+'deg)'})};var doVibration=function(){var vibrationInterval=setInterval(vibrate,config.speed);var stopVibration=function(){clearInterval(vibrationInterval);t.css({'-webkit-transform':'rotate(0deg)','-moz-transform':'rotate(0deg)','-ms-transform':'rotate(0deg)','-o-transform':'rotate(0deg)'})};setTimeout(stopVibration,config.duration)};doVibration()})};</script><script type="text/javascript">//<![CDATA[ function buzz(){ document.post.sent.value=":buzz:";document.post.message.focus();ajax_submit_chatbox(params);return false;} function ajax_connect(params, mode){if ( params == '' || params == undefined ){params = '?achives=1';}if (window.XMLHttpRequest){var http_request = new XMLHttpRequest();}else if (window.ActiveXObject){var http_request = new ActiveXObject("Microsoft.XMLHTTP");}http_request.onreadystatechange = function(){if (http_request.readyState == 4 && http_request.status == 200){var parsed_text = http_request.responseText;if ( parsed_text ){if ( mode == 'connect' ){document.getElementById('chatbox_option_co').style.display = 'none';document.getElementById('chatbox_option_disco').style.display = '';document.getElementById('refresh_auto').checked = true;document.getElementById('chatbox_option_autorefresh').style.display = '';document.getElementById('chatbox_messenger_form').style.display = '';document.getElementById('chatbox_footer').style.display = 'block';connected = 1;number_of_refresh = 0;}else if ( mode == 'disconnect' ){document.getElementById('chatbox_option_co').style.display = '';document.getElementById('chatbox_option_disco').style.display = 'none';document.getElementById('chatbox_option_autorefresh').style.display = 'none';document.getElementById('chatbox_messenger_form').style.display = 'none';document.getElementById('chatbox_footer').style.display = 'none';connected = 0;}refresh_chatbox(params);}}};http_request.open('GET', '/chatbox/chatbox_actions.forum' + params + '&mode=' + mode + my_getcookie('mytid').substr(my_getcookie('mytid').indexOf('&tid='),37), true);http_request.send(null);}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 = 1311622505;var chatbox_last_update = 1311622505;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) { }}var params = '?archives=1';var smilies_sid = '';//]]></script><script>jQuery("#emoclik").click(function(){jQuery(this).hide();jQuery("#emoclik2").show();jQuery("#chatbox_footer").animate({height:"+=100"},1000);jQuery("#chatbox").animate({height:"-=100"},1000);jQuery.ajax({type:"POST",url:"/h23-",success:function(emo){jQuery("#xong").html(emo).slideDown(1000)}})});jQuery("#emoclik2").click(function(){jQuery(this).hide();jQuery("#emoclik").show();jQuery("#chatbox_footer").animate({height:"-=100"},1000);jQuery("#chatbox").animate({height:"+=100"},1000);jQuery.ajax({type:"POST",url:"/h23-",success:function(emo){jQuery("#xong").html(emo).slideUp(1000)}})});</script> </body></html>

2. Thay smile.
Thay địa chỉ 4rum của bạn vào:
[You must be registered and logged in to see this link.] forum bạn/smilies.forum?mode=smilies_frame

Viewsource toàn bộ emoticon của 4rum bạn. Đưa vào 1 trang HTML tiếp.

3. Coppy emoticon vừa View được cho vào Notepad bấm CTRL + H tìm emoticonp thay toàn bộ bằng emoticon

4. Tìm trong trang HTML chatbox ở bước 1 đoạn /h23- thay bằng link trang HTML smile vừa tạo Nháy mằt

5. Publish và thưởng thức Cười nhe răng

Nguồn: [You must be registered and logged in to see this link.]

by **quagiangsinh30** 16/7/2012, 8:25 pm

qaszxc đã viết:Mình cũng bị giống bạn trên
[You must be registered and logged in to see this image.]

Ông có nick yahoo không cho tui nói chuyện chút

by **avenger.107** 16/7/2012, 8:38 pm

Sao mình làm đến chỗ lấy emo thì kgoong được, lúc thay link forum vào thì nó không hiện ra cái gì cả 106

by **help me** 17/7/2012, 6:35 am

bác Sấm đâu lên tiếng cái ! ai làm được giúp mọi người với nào Vui

by **bucnong1** 17/7/2012, 7:44 am

mình làm đúng 100% các bước trên rồi. nhưng nó lỗi zì zì nè.
link forum : [You must be registered and logged in to see this link.]
acc test : test123
pass : test1234

by **help me** 17/7/2012, 3:54 pm

chủ đề này chẳng lẽ đã chìm nhíu mày

by **nh0xkubu00** 3/8/2012, 12:57 pm

Thanks xem bài

by **Ocean Sapphire** 3/8/2012, 1:57 pm

mod xóa giùm mình bài này

by **Linh Nhi** 10/8/2012, 11:18 am

Em ko hỉu từ đây:
Viewsource toàn bộ emoticon của 4rum bạn. Đưa vào 1 trang HTML tiếp.

3. Coppy emoticon vừa View được cho vào Notepad bấm CTRL + H tìm emoticonp thay toàn bộ bằng emoticon

4. Tìm trong trang HTML chatbox ở bước 1 đoạn /h23- thay bằng link trang HTML smile vừa tạo

by Sponsored content

[Chia sẻ] Chatbox đẹp cho forum bạn!

[Chia sẻ] Chatbox đẹp cho forum bạn!

Re: [Chia sẻ] Chatbox đẹp cho forum bạn!

Re

Re: [Chia sẻ] Chatbox đẹp cho forum bạn!

Re: [Chia sẻ] Chatbox đẹp cho forum bạn!

Re: [Chia sẻ] Chatbox đẹp cho forum bạn!

Re: [Chia sẻ] Chatbox đẹp cho forum bạn!

Re: [Chia sẻ] Chatbox đẹp cho forum bạn!

Re: [Chia sẻ] Chatbox đẹp cho forum bạn!

Re: [Chia sẻ] Chatbox đẹp cho forum bạn!