เว็บบอร์ด › Discuz! X1.5 Addon Mod Hack › การ DIY Shoutbox 3.2.1 ไปไว้ในหน้าต่างๆ

themaxaboy โพสต์ 2011-4-29 18:54:31

การ DIY Shoutbox 3.2.1 ไปไว้ในหน้าต่างๆ

แก้ไขครั้งสุดท้ายโดย themaxaboy เมื่อ 2011-4-29 19:02

การ DIY Shoutbox 3.2.1 ไปไว้ในหน้าต่างๆ อาจจะเป็นประโยชน์กับใครหลายๆคน :victory:

http://img9.uploadhouse.com/fileuploads/9858/9858419f5b4b3b2b9705ceb1d1b527a9232dd0a.jpg

เปิดโหลด DIY สร้างโมดูล HTML เลือกโค้ด HTML ใส่โค้ดนี้ลงไป<!-- Shoutbox by Natz start, Modify and Update function by Jaideejung007 -->
<!--
/*
+ ----------------------------------------------------------------------------+
|        THZAA.COM - Discuz! X1.5
|
|        Jaideejung007
|        http://www.thzaa.com
|        jaideejung007@gmail.com
|
|        : Shoutbox
|        : 3.2.1 $
|        : 2011/04/06 00:00:00 $
|        : Natz $
|        : Jaideejung007 $
|        -Non-Commercial-No Derivative Works 3.0 Thailand http://creativecommons.org/licenses/by-nc-nd/3.0/th/
+-----------------------------------------------------------------------------+
*/
-->

<script src="source/plugin/natz_shoutbox/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var jq = jQuery.noConflict();

function searchFocus2(obj) {
if(obj.value == '') {
obj.value = '';
}
}
function searchBlur2(obj) {
if(obj.value == '' ) {
obj.value = '';
}
}
</script>
<style type="text/css">
#jchat{
height:335px;
width:100%;
text-align:left;
margin-bottom:10px;
}
#jchatbody{
width:100%;
overflow:auto;
padding-bottom:6px;
margin-bottom:6px;
border-bottom:#CCC 1px dashed;
}
#jchatcontentbd{
float:left;
height:270px;
width:730px;
padding:7px;
background:#ebf2f8;
border:#e3edf5 1px solid;
}

#jchatcontent{
height:248px;
background:#ffffff;
padding:4px;
overflow:auto;
overflow-x:hidden;
border:#7fcae2 1px solid;
}
#jchatonline{
float:right;
height:270px;
width:180px;
padding:7px;
overflow:auto;
overflow-x:hidden;
border:#7fcae2 1px solid;
}
#jchateditor{
height:46px;
width:956px;
margin-top:4px;
background:#eaeaea;
border:#CCC 1px solid;
}
#jchatmessage{
width:952px;
height:20px;
font-size:14px;
}
.jrowt{
background:#eaeaea;
}
.jowerror{
background:#ff0000;
color:#ffffff;
padding-left:5px;
}
</style>


<script src="source/plugin/natz_shoutbox/js/shoutbox.js" type="text/javascript"></script>
<script type='text/javascript'>
shoutbox.base_url = 'source/plugin/natz_shoutbox/shoutbox.php?';
shoutbox.fade_start_color = '#7FCAE2';
shoutbox.fade_end_color = '#FFFFFF';
shoutbox.add_error_string('blank_shout', 'คุณยังไม่ได้กรอกข้อความใดๆ เลย');
shoutbox.add_error_string('flooding', 'ขออภัย! คุณส่งข้อความบ่อยเกินไป กรุณารออีก 1 วินาที แล้วค่อยกลับมาส่งข้อความใหม่');
shoutbox.add_error_string('shout_too_big', 'ข้อความที่คุณส่งมา มีขนาดยาวเกิน 255 ตัวอักษร กรุณากลับไปแก้ไขใหม่');
shoutbox.initiate();
</script>

<!-- Opening new windows of Credit and Autor this plungin start -->

<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by:Nic Wolfe (Nic@TimelapseProductions.com) -->
<!-- Web URL:http://fineline.xs.mw -->
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=660,height=480,left = 0,top = 0');");
}
// End -->
</script>
<!-- Opening new windows of Credit and Autor this plungin end -->

<style type="text/css">
<!--
.shoutbox-button {
font-size: 11px;
line-height: 1em;
display: inline;
overflow: visible;
padding: 3px 5px 2px;
border: 1px solid #CECECE;
background: #FFF;
cursor: pointer;
margin-left: 2px;
}
.shoutbox-f {
padding: 3px 5px 2px;
font-size: 11px;
line-height: 1em;
border: 1px solid #E3EDF5;
background: #FFF;
margin-left: 2px;
}
.shoutbox-members-viewing-total {
font-size: 14px / 2;
border: 1px dashed #E3EDF5;
background: #FFF url(source/plugin/natz_shoutbox/images/user.png) no-repeat 1em 0.7em;
padding: 0.5em 1em 0.5em 3em;
margin-bottom: 5px;
color: #009900;
/*width: 92%;*/
text-align:left;
}

.shoutbox-ff {
padding: 3px 5px 2px;
font-size: 12px;
line-height: 1em;
border: 1px solid #CECECE;
background: #FFF;
margin-left: 2px;
}
.shoutbox-announce {
font-size: 14px / 2;
border: 1px dashed #E3EDF5;
background: #FFF url(source/plugin/natz_shoutbox/images/exclamation.png) no-repeat 1em 0.7em;
padding: 0.5em 1em 0.5em 3em;
margin-bottom: 5px;
color: #009900;
width: 93.5%;
text-align:left;
}
.shoutbox-error {
padding: 4px;
background-color: #FCC;
border: 1px solid #C00;
color: #000;
position:relative;
display:none
}

.shoutbox_popup { overflow: hidden; padding: 2px; padding-top: 10px;padding-left: 6px; text-align: left; line-height: 1.4em; border: 1px solid #F0F0F0; background:#FFF; }

.shoutbox_members_viewing_list { overflow: hidden; padding: 2px; padding-top: 10px;padding-left: 6px; text-align: left; line-height: 1.4em; border: 1px solid #F0F0F0; background:#FFF; }

.chat-new{border:1px solid #F0F0F0;margin:0px 0 0px 0;padding:8px;background: #F3F3F3;}
.chat-new-bor{padding:8px 8px 8px 8;}
.chat-new td{padding-left:5px;}

.list1 { border-top: 3px solid #E1E1E1; }
.content .list1 h3 { padding-left: 6px; color: #666; line-height: 35px; }
.list1 td, .list1 th { height: 0px; padding: 6px 0; border-top: 1px dashed #E1E1E1; color: #666; }

.mainboxshut table { width: 100%; }

.editor_tb_shout { margin: 5px 0 0; width: 99.8%; height: 28px; border: 1px solid; border-color: #707070 #CECECE #CECECE #707070; background: #F2F2F2; }
.editor_tb_shout .right a { color: #369; }
.editor_tb_shout .right { padding-right: 10px; line-height: 26px; }
.editor_tb_shout div a { float: left; margin: 8px 3px 0; width: 16px; height: 16px; background: url(static/image/editor/editor.gif) no-repeat; text-indent: -9999px; line-height: 16px;overflow: hidden; }
.editor_tb_shout div a.tb_bold { background-position: -3px -1px; }
.editor_tb_shout div a.tb_color { background-position: -3px -81px; }
.editor_tb_shout div a.tb_img { background-position: -3px -823px; }
.editor_tb_shout div a.tb_link { background-position: -3px -121px; }
.editor_tb_shout div a.tb_quote { background-position: -3px -441px; }
.editor_tb_shout div a.tb_code { background-position: -3px -461px; }
.editor_tb_shout div a.tb_smilies { background-position: -2px -803px; }
.editor_tb_shout div a.tb_imme { background-position: -3px -763px; }
.editor_tb_shout .popupmenu_popup td { padding: 0 !important; height: 14px; width: 14px; }
.editor_tb_shout .popupmenu_popup td div { height: 10px; width: 10px; cursor: pointer; }
.txtarea { width: 99%; height: 20px; }
#editer a {
    background: url("static/image/editor/editor.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 2px 5px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 20px; }
#editer a.e_colorbox{background-position: -60px 0;}
#editer a.e_emo {background-position: -20px -20px;}
#editer a.e_bold {background-position: 0 0;}
#editer a.e_italic {background-position: -20px 0;}
#editer a.e_img {background-position: 0px -20px;}
#editer a.e_link {background-position: -40px -20px;}
#editer a.e_underline {background-position: -40px 0;}
#editer a.e_quote{background-position:-140px -20px;}

.shoutbox-textareachat {
/*font-size: 14px / 2;*/
/*border: 1px dashed #E3EDF5; */
/*background: #FFF url(source/plugin/natz_shoutbox/images/exclamation.png) no-repeat 1em 0.7em; */
padding: 2px 0 0 0; // บน
/*margin-bottom: 5px; */
/*color: #009900; */
/*width: 94%;*/
/*text-align:left;*/
}

a.zm_msg_actions:link, a.zm_msg_actions {color:#04a;}
.zm_msg_item{padding:1ex 0 0;}
-->
</style>
<div class="fl bm">
<div class="bm bmw cl">
<div class="bm_h cl">
<span class="o"><img id="shoutbox_img" src="static/image/FDSilver/collapsed_no.gif" alt="" onclick="toggle_collapse('shoutbox');" /></span>
<h3>&nbsp;&nbsp;&nbsp;<a href="http://dekphetchabun.co.cc/plugin.php?id=natz_shoutbox:jaideejung007_shoutbox">DekPhetchabun Chat Zone ! - กล่องเมาส์แตกสำหรับวัยรุ่นเพชรบูรณ์</a></h3>
</div>
<!-- Shoutbox area -->
<table width="100%" summary="shoutbox" id="shoutbox" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
<tr>

<td>

<div id='shoutbox-announcement-div' align='center' style='display:none;margin:5px 0 5px 0;'>
<div id='shoutbox-announcement-text' class='shoutbox-announce'></div>
</div>
<div class="chat-new">
<div class="chat-new-bor">
<div style="position:relative;">
<div id="fastpostmessages" class="shoutbox_popup" style="height:250px; overflow:auto; overflow-x:hidden;"></div>
<div id="fastpostmessages-reloading" style="position:absolute;top:5px;right:20px;display:none"></div>
<div class="shoutbox-error" style="position:absolute; bottom:1px; left:1px; right:1px;">
<div id="shoutbox-error-close" style="position:absolute;right:-2px;top:2px;padding-right:4px;cursor:pointer;font-size:12px" title="ปิด"><img src="source/plugin/natz_shoutbox/images/cross.png" border="0" /></div>

<div id="shoutbox-error"></div>
</div>

</div>

</div>
</td>

<!-- Show Member Viewing by Jaideejung007 start -->
<td class="shoutbox-membes" style="width:17%; padding-left:5px;" valign="top">
<div class='shoutbox-members-viewing-total' style='margin:5px 0 5px 0;'><strong><span id="shoutbox-members-viewing"></span></strong>&nbsp;Online</div>
<div id="shoutbox-members-viewing-list" class="shoutbox_members_viewing_list" style="height:268px;overflow:auto;"></div>
</td>
<!-- Show Member Viewing by Jaideejung007 end -->

</tr>
<tr>
<td colspan="2">
      
<div class="shoutbox-textareachat" align='center'>
<input class="txtarea px" rows="5" cols="80" name="message" value="" id="fastpostmessage" onKeyDown="seditor_ctlent(event, 'fastpostvalidate($(\'fastpostform\'))');" maxlength="255" onfocus="searchFocus2(this);" onblur="searchBlur2(this);">

</div><!-- end <div id="editer"> -->

<div class="editor_tb_shout">
<div id="editer">

<a href="javascript:;" title="แทรกตัวหนา" onclick="seditor_insertunit('fastpost', '', '')" style="width:20px;height:20px;background:url(source/plugin/natz_shoutbox/images/text_bold.png) no-repeat center;">B</a>
<a href="javascript:;" title="แทรกสีอักษร" id="fastpostforecolor" onclick="showColorBox(this.id, 2, 'fastpost');doane(event)" style="width:20px;height:20px;background:url(source/plugin/natz_shoutbox/images/font.png) no-repeat center;">Color</a>
<a href="javascript:;" title="แทรกข้อความขีดเส้นใต้" onclick="seditor_insertunit('fastpost', '', '')" style="width:20px;height:20px;background:url(source/plugin/natz_shoutbox/images/text_underline.png) no-repeat center;">I</a>
<a href="javascript:;" title="แทรกตัวเอียง" onclick="seditor_insertunit('fastpost', '', '')" style="width:20px;height:20px;background:url(source/plugin/natz_shoutbox/images/text_italic.png) no-repeat center;">I</a>
<a id="fastpostimg" href="javascript:;" title="แทรกรูปภาพ" onclick="seditor_menu('fastpost', 'img')" style="width:20px;height:20px;background:url(source/plugin/natz_shoutbox/images/image_add.png) no-repeat center;">Image</a>
<a id="fastposturl" href="javascript:;" title="แทรกลิงค์" onclick="seditor_menu('fastpost', 'url')" style="width:20px;height:20px;background:url(source/plugin/natz_shoutbox/images/world_add.png) no-repeat center;">Link</a>

<a id="fastpostsml" href="javascript:;"title="แทรกตัวยิ้ม" onclick="showMenu({'ctrlid':this.id,'evt':'click','layer':2});return false;" style="width:20px;height:20px;background:url(source/plugin/natz_shoutbox/images/emoticon_tongue.png) no-repeat center;">Smilies</a>
<script src="data/cache/common_smilies_var.js?K9k" type="text/javascript" type="text/javascript" reload="1"></script>
<script type="text/javascript" reload="1">smilies_show('fastpostsmiliesdiv', 8, 'fastpost');</script>

</div><!-- end <div id="editer"> -->
<span class="right">
<select id="fastpostmessage-skin">
<option value="default" selected="selected">Skin Default</option>
<option value="#000000" style="background-color: #000000">Black</option>
<option value="#a0522d" style="background-color: #a0522d">Sienna</option>               

<option value="#556b2f" style="background-color: #556b2f">DarkOliveGreen</option>
<option value="#006400" style="background-color: #006400">DarkGreen</option>
<option value="#483d8b" style="background-color: #483d8b">DarkSlateBlue</option>
<option value="#000080" style="background-color: #000080">Navy</option>
<option value="#4b0082" style="background-color: #4b0082">Indigo</option>
<option value="#2f4f4f" style="background-color: #2f4f4f">DarkSlateGray</option>
<option value="#8b0000" style="background-color: #8b0000">DarkRed</option>
<option value="#ff8c00" style="background-color: #ff8c00">DarkOrange</option>
<option value="#808000" style="background-color: #808000">Olive</option>

<option value="#008000" style="background-color: #008000">Green</option>
<option value="#008080" style="background-color: #008080">Teal</option>
<option value="#0000ff" style="background-color: #0000ff">Blue</option>
<option value="#708090" style="background-color: #708090">SlateGray</option>
<option value="#696969" style="background-color: #696969">DimGray</option>
<option value="#ff0000" style="background-color: #ff0000">Red</option>
<option value="#f4a460" style="background-color: #f4a460">SandyBrown</option>
<option value="#9acd32" style="background-color: #9acd32">YellowGreen</option>
<option value="#2e8b57" style="background-color: #2e8b57">SeaGreen</option>

<option value="#48d1cc" style="background-color: #48d1cc">MediumTurquoise</option>
<option value="#4169e1" style="background-color: #4169e1">RoyalBlue</option>
<option value="#800080" style="background-color: #800080">Purple</option>
<option value="#808080" style="background-color: #808080">Gray</option>
<option value="#ff00ff" style="background-color: #ff00ff">Magenta</option>
<option value="#ffa500" style="background-color: #ffa500">Orange</option>
<option value="#ffff00" style="background-color: #ffff00">Yellow</option>
<option value="#00ff00" style="background-color: #00ff00">Lime</option>
<option value="#00ffff" style="background-color: #00ffff">Cyan</option>

<!--option value="#00bfff'" style="background-color: #00bfff">DeepSkyBlue</option-->
<option value="#9932cc" style="background-color: #9932cc">DarkOrchid</option>
<option value="#c0c0c0" style="background-color: #c0c0c0">Silver</option>
<option value="#ffc0cb" style="background-color: #ffc0cb">Pink</option>
<option value="#f5deb3'" style="background-color: #f5deb3">Wheat</option>
<option value="#fffacd" style="background-color: #fffacd">LemonChiffon</option>
<option value="#98fb98" style="background-color: #98fb98">PaleGreen</option>
<option value="#afeeee" style="background-color: #afeeee">PaleTurquoise</option>
<option value="#add8e6" style="background-color: #add8e6">LightBlue</option>

<option value="#dda0dd" style="background-color: #dda0dd">Plum</option>
</select>
<!--input class="txtarea px" rows="5" cols="80" name="message" id="fastpostmessage" onKeyDown="seditor_ctlent(event, 'fastpostvalidate($(\'fastpostform\'))');" maxlength="255"-->
<span class="pipe">|</span>
<span id="newspecialtmp">       
                <button id="shoutbox-submit-button" class="shoutbox-button">ส่งข้อความ</button>
<button id="shoutbox-clear-button" class="shoutbox-button">เคลียร์</button>
<button id="shoutbox-refresh-button" class="shoutbox-button">รีเฟรช</button>
<span class="pipe">|</span>
<a href="javascript:popUp('source/plugin/natz_shoutbox/credit.html')" title="Informations of Shoutbox">&copy; Copyright</a>

<span id="fastpostmessage-skin"></span>
</span><!-- end <span id="newspecialtmp"> -->
</span><!-- end <span class="right"> -->
</div><!-- end <div class="editor_tb_shout"> -->
               
</div><!-- end <div class="chat-new"> -->

</td>
</tr>
</table>
</div><!-- enf <div class="bm bmw cl"> -->
<!-- Shoutbox area -->
</div><!-- end <div class="fl bm"> -->

<!-- Shoutbox by Natz end, Modify and Update function by Jaideejung007-->Demo :http://www.dekphetchabun.co.ccปล.ต้องแก้โค้ดนิสนึ่งนะครับไม่งั้นกลายเป็นชื่อเว็บผม...

jaideejung007 โพสต์ 2011-4-29 21:15:55

เอาโค๊ดมาทั้งดุ้นสินะ

sm954dzsm954dzsm954dzsm954dz

Bonn121 โพสต์ 2011-4-29 21:34:52

อ้อ โค๊ดจาก .php อะสิครับ
ขอบคุณครับ

foxsunza โพสต์ 2011-4-29 23:06:22

ขอบคุณครับ

MasterTGZ โพสต์ 2011-4-30 11:23:46

ขอบคุณครับ ^_^

navamin โพสต์ 2011-4-30 13:40:09

ขอบคุณมากครับ

arafarn12 โพสต์ 2011-4-30 19:14:10

ทีนี้ก็จะเอาแชทไปหน้าอื่นได้แล้ว sm926dz
ขอบคุณมากครับบ sm948dz

stamp1 โพสต์ 2011-5-1 10:21:02

แล้ว sdc ทำได้ปล่าวอ้ะ

k2757 โพสต์ 2011-5-7 08:42:43

ขอบคุณครับแหล่มนิ อิอิ

ดูในรูปแบบกติ: การ DIY Shoutbox 3.2.1 ไปไว้ในหน้าต่างๆ