วิธีติดตั้ง Shoutbox แบบ Step-by-Step (TinaCat)

[เซียวเหล่งนึ่งฯ]

(การติดตั้งเชาท์บ็อนั้นละเอียดอ่อนมาก อาจจะมีผลพาให้บอร์ดของท่านโล่งโกร๋นเอาง่ายๆ
ดังนั้นควรมั่นใจว่าท่านได้แบ็คอัพไฟล์ไว้แล้วจึงเริ่มทำการติดตั้งและแก้ไข 
โปรดอย่าลืมว่าที่คุณทีน่าแคทได้ทดสอบและทำกระทู้นี้ไว้นั้น คือ SMF 1.1 RC2
แต่ ณ ปัจจุบันนี้คือ 1.1.4  เรื่องสคริปย่อมมีความแตกต่างกัน 
แต่ทั้งนี้การแก้สคริปก็ยังคล้ายคลึงกันและมีทำเชาท์บ็อกแบบนี้อยู่หลายบอร์ด


ปล.  ถ้าทำไม่ได้ อย่ามาถามข้อย   ข้อยก็อบบทความมาเฉยๆ 555+/เซียวเหล่งนึ่ง) 



SMF ที่ใช้ประกอบบทความ: SMF 1.1 RC2
Mod:  Ultimate Shoutbox v1.37
http://mods.simplemachines.org/index.php?mod=22   


(รูปในช่วงแรกนี้จะไม่มีแล้ว  แต่เท่าที่อ่านๆดูก็ยังทำความเข้าใจได้  เลยไม่ได้ทำรูปมาเสริม / เซียวเหล่งนึ่ง)


เมื่อโหลด Mod (shout_v1.37.tar.gz) มาแล้ว
ไปที่หน้า Download Package ในหน้าผู้ดูแล

ขั้นแรก  เมื่อเข้าหน้า Download Package อาจจะเจอแบบนี้
(ในกรณีที่โฟลเดอร์ Packages บนโฮสต์ไม่ได้ CHMOD เป็น 777)

ให้ใส่ข้อมูลต่างๆของ FTP เราไป  เพื่อให้บอร์ด Connect FTP ได้
Path SMF ต้องเป็น Path ตามที่เห็นในโปรแกรม FTP Client ของคุณนะ  (อาจจะไม่ใช่ Path เต็มๆ)


เสร็จแล้วเลือกอัพโหลด Mod จากเครื่องเราส่งขึ้นโฮสต์
(อัพทั้งไฟล์ .tar.gz เลย  ไม่จำเป็นต้องแตกไฟล์ก่อนอัพ)

เสร็จแล้วคลิกที่ บันทึก Mod

ถ้าไม่ผิดพลาด  จะแสดงรายละเอียดของ Mod Shoutbox ให้เห็น
อ่านรายละเอียดตรงนี้ให้ดีๆ  (หลายท่านไม่ชอบอ่าน  คลิกๆอย่างเดียว  แล้วมีปัญหาก็ไม่รู้สาเหตุ)
เสร็จแล้วคลิกที่ ติดตั้งเดี๋ยวนี้

ถ้าหากว่าไม่มีปัญหา  ก็จะนับว่าติดตั้ง Shoutbox เรียบร้อยแล้ว
แต่ส่วนใหญ่จะมีปัญหาคือ  ในบอร์ดแจ้งว่า ติดตั้งเสร็จสิ้นแล้ว
แต่จริงๆแล้วไม่ได้มีการแก้ไขโค้ดในไฟล์ใดๆให้เลย
วิธีแก้ไขให้ใช้งาน Shoutbox ได้  ก็ดูต่อไปด้านล่างนะ



วิธีติดตั้ง Shoutbox เอง


แตกไฟล์ shout_v1.37.tar.gz ออกมา
แล้วเปิดไฟล์ shoutbox_v1.37.mod ด้วย Notepad
อ่านโค้ดการติดตั้ง Mod จากไฟล์นี้  (ขอให้พยายามอ่านให้ดีๆทุกบรรทัดนะ)

โค๊ด: [Select]

<edit file>
$boarddir/index.php
</edit file>


ส่วนนี้หมายถึงให้แก้ไขไฟล์ index.php

โค๊ด: [Select]

<search for>
'calendar' => array('Calendar.php', 'CalendarMain'),
</search for>
หาโค้ด
'calendar' => array('Calendar.php', 'CalendarMain'),

โค๊ด: [Select]

<add after>
'delete_all_shouts' => array('shout.php', 'delete_all_shouts'),
'delete_shout_age' => array('shout.php', 'delete_shout_age'),
'delete_shout' => array('shout.php', 'delete_shout'),
</add after>
เพิ่มโค้ด
'delete_all_shouts' => array('shout.php', 'delete_all_shouts'),
'delete_shout_age' => array('shout.php', 'delete_shout_age'),
'delete_shout' => array('shout.php', 'delete_shout'),
ต่อท้ายโค้ดที่หาออกมาได้

โค๊ด: [Select]

<edit file>
$sourcedir/Subs.php
</edit file>

แก้ไขไฟล์ Sources/Subs.php

โค๊ด: [Select]

<search for>
log_error('Copyright removed!!');
}
}
</search for>
เพิ่มโค้ดต่อท้าย

โค๊ด: [Select]

<add after>
function smfshout()
{
global $sourcedir;

include_once("$sourcedir/shout.php");
shout_display(true);
}

</add after>
แก้ไขไฟล์ Sources/ModSettings.php

โค๊ด: [Select]

<edit file>
$sourcedir/ModSettings.php
</edit file>

<search for>
'karma' => 'ModifyKarmaSettings',
</search for>
เพิ่มโค้ดต่อท้าย

โค๊ด: [Select]

<add after>
'shout' => 'ModifyShoutboxSettings',
</add after>

โค๊ด: [Select]

<search for>
'layout' => array(
'title' => $txt['mods_cat_layout'],
'href' => $scripturl . '?action=featuresettings;sa=layout;sesc=' . $context['session_id'],
),
</search for>
เพิ่มโค้ดต่อท้าย

โค๊ด: [Select]

<add after>
'shout' => array(
'title' => $txt['shoutbox_0'],
'href' => $scripturl . '?action=featuresettings;sa=shout;sesc=' . $context['session_id'],
),
</add after>

โค๊ด: [Select]

<search for>

function ModifyKarmaSettings()
</search for>
เพิ่มโค้ดไว้ก่อนหน้าส่วนนี้

โค๊ด: [Select]

<add before>

function ModifyShoutboxSettings()
{
global $txt, $scripturl, $context, $settings, $sc;

$config_vars = array(
array('check', 'shout_enableXML'),
array('text', 'shoutlimit'),
array('text', 'shoutsep'),
array('text', 'shoutmaxchr'),
array('text', 'shoutsplitchr'),
array('check', 'shout_noGuestEmail'),
array('select', 'shoutdir', array(
'1' => &$txt['shoutbox_19'],
'0' => &$txt['shoutbox_20'],
)),
array('check', 'enablearchiveshout'),
array('check', 'enablescrollshout'),
array('text', 'shoutscrollwidth'),
array('text', 'shoutscrollheight'),
array('text', 'shoutscrolldelay'),
array('select', 'shoutscrolldir', array(
'up' => &$txt['shoutbox_37'],
'down' => &$txt['shoutbox_38'],
'left' => &$txt['shoutbox_39'],
'right' => &$txt['shoutbox_40'],
)),
array('select', 'shoutscrollspeed', array(
'1' => &$txt['shoutbox_31'],
'2' => &$txt['shoutbox_32'],
'3' => &$txt['shoutbox_33'],
'4' => &$txt['shoutbox_34'],
'5' => &$txt['shoutbox_35'],
)),
);

// Saving?
if (isset($_GET['save']))
{
saveDBSettings($config_vars);
redirectexit('action=featuresettings;sa=shout');
}

$context['post_url'] = $scripturl . '?action=featuresettings2;save;sa=shout';
$context['settings_title'] = $txt['shoutbox_0'];

prepareDBSettingContext($config_vars);
}
</add before>

แก้ไขไฟล์ Themes/default/languages/Modifications.eng.php

โค๊ด: [Select]

<edit file>
$languagedir/Modifications.english.php
</edit file>

<search for>
?>
</search for>
เพิ่มโค้ดไว้ก่อนหน้าส่วนนี้

โค๊ด: [Select]

<add before>
//text for Ultimate Shoutbox
$txt['shoutbox_0'] = 'Shoutbox';
$txt['shoutbox_1'] = 'Shoutbox Archive';
$txt['shoutbox_2'] = 'Delete shouts older than:';
$txt['shoutbox_3'] = 'days';
$txt['shoutbox_4'] = 'Delete all shouts over your current limit of';
$txt['shoutbox_5'] = 'Delete';
$txt['shoutbox_6'] = 'Name';
$txt['shoutbox_7'] = 'Email';
$txt['shoutbox_8'] = 'Message';
$txt['shoutbox_9'] = 'Shout';
$txt['shoutbox_10'] = 'Sorry, if you are a guest you must enter both your name and your email address';
$txt['shoutbox_11'] = 'Whoops, looks like you forgot to fill in one of the Shoutbox fields.  Please try again.';
$txt['shoutbox_12'] = 'Sorry, if you are a guest you must enter a valid email address when using the Shoutbox.';
$txt['shoutbox_13'] = 'Sorry, but you do not have the proper priveledges to delete that.';
$txt['shoutdir'] = 'Shout Direction';
$txt['shoutbox_19'] = 'Ascending';
$txt['shoutbox_20'] = 'Descending';
$txt['shoutsep'] = 'Shout Separator';
$txt['enablearchiveshout'] = 'Allow people to shout from the archive page?';
$txt['shoutlimit'] = 'Number of shouts to return';
$txt['shoutmaxchr'] = 'Max number of characters per line';
$txt['shoutsplitchr'] = 'Character number to split long words at (usually 3 less than max)';
$txt['enablescrollshout'] = 'Enable scrolling';
$txt['shoutbox_27'] = 'The following options are only available is scrolling is activated:';
$txt['shoutscrollwidth'] = 'Scroll box width (pixels)';
$txt['shoutscrollheight'] = 'Scroll box height (pixels)';
$txt['shoutscrollspeed'] = 'Scrolling speed';
$txt['shout_noGuestEmail'] = 'Don\'t require email address for guests';
$txt['shout_enableXML'] = 'Enable javascript XML refreshing of the shoutbox. (This will increase server load)';
$helptxt['shout_enableXML'] = 'Turning on this option will make the shoutbox refresh automatically every five seconds - but will increase the server load considerably.';
$txt['shoutbox_31'] = 'slowest';
$txt['shoutbox_32'] = 'slower';
$txt['shoutbox_33'] = 'medium';
$txt['shoutbox_34'] = 'faster';
$txt['shoutbox_35'] = 'fastest';
$txt['shoutscrolldir'] = 'Scrolling direction';
$txt['shoutbox_37'] = 'up';
$txt['shoutbox_38'] = 'down';
$txt['shoutbox_39'] = 'left';
$txt['shoutbox_40'] = 'right';
$txt['shoutscrolldelay'] = 'Scroll Delay (milliseconds - normal is 60)';
$txt['shoutbox_42'] = 'Delete Options';
$txt['shoutbox_43'] = 'View All';
$txt['permissiongroup_shout'] = 'Shoutbox';
$txt['permissionname_make_shout'] = 'Can Shout';
$txt['permissionname_delete_shout'] = 'Can Delete Shouts';
$txt['shout_delete_selected'] = 'Delete Selected';
$txt['cannot_delete_shout'] = 'You do not have permission to delete shouts.';
$txt['cannot_make_shout'] = 'You do not have permission to shout.';
</add before>
** ส่วนที่มีการแก้ไขในโฟลเดอร์ languages จะเป็นการแสดงผลเกี่ยวกับภาษา
ถ้าแก้ไขไฟล์ Modifications.eng.php แล้ว
ก็ต้องตามไปแก้ไขไฟล์ Modifications.thai.php ด้วยตัวเองอีกรอบ
(Mod ส่วนใหญ่เค้าทำมาให้แต่ภาษาอังกฤษ  เราต้องไปเพิ่มเติมภาษาไทยเอง)


แก้ไขไฟล์ SSI.php

โค๊ด: [Select]

<edit file>
$boarddir/SSI.php
</edit file>

<search for>
?>
</search for>
เพิ่มโค้ดไว้ก่อนหน้าส่วนนี้

โค๊ด: [Select]

<add before>
function ssi_shout($showform = true)
{
global $sourcedir;

include_once("$sourcedir/shout.php");
shout_display($showform);
}
</add before>
แก้ไขไฟล์ ssi_examples.php

โค๊ด: [Select]

<edit file>
$boarddir/ssi_examples.php
</edit file>

<search for>
<hr />

<h3>Some notes on usage</h3>
</search for>

โค๊ด: [Select]

<add before>
<h3>Shoutbox: &lt;?php ssi_shout(); ?&gt;</h3>
<?php ssi_shout(); ?>

<hr />
</add before>
แก้ไขไฟล์ ssi_examples.shtml

โค๊ด: [Select]

<edit file>
$boarddir/ssi_examples.shtml
</edit file>

<search for>
<h3>Recent Calendar Events Function: &lt;!--#include virtual="./SSI.php?ssi_function=recentEvents" --&gt;</h3>
<!--#include virtual="./SSI.php?ssi_function=recentEvents" -->

<hr />
</search for>

โค๊ด: [Select]

<add after>
<h3>Shoutbox Function: &lt;!--#include virtual="./SSI.php?ssi_function=shout" --&gt;</h3>
<!--#include virtual="./SSI.php?ssi_function=shout" -->

<hr />
</add after>
แก้ไขไฟล์ Sources/ManagePermissions.php

โค๊ด: [Select]

<edit file>
$sourcedir/ManagePermissions.php
</edit file>

<search for>
'pm' => array(
'pm_read' => false,
'pm_send' => false,
),
</search for>

โค๊ด: [Select]

<add after>
'shout' => array(
'make_shout' => false,
'delete_shout' => false,
),
</add after>

[เซียวเหล่งนึ่งฯ]

วิธีแสดงผล Shoutbox ไว้หน้าบอร์ด

วิธีนี้จะเป็นการใช้ Frame นะ
วิธีทำก็คล้ายๆการแสดงกระทู้ล่าสุดไว้ที่หน้าแรกเว็บ ไซต์
สร้างไฟล์ shoutbox.php ขึ้นมา  และดูต่อที่กระทู้นี้นะ

~ วิธีการแสดงกระทู้ล่าสุดไว้ที่หน้าแรกเว็บไซต์ ~
http://www.justusers.net/forum/index.php?topic=14.msg32#msg32

แต่โค้ดที่เราจะใช้งานคืออันนี้ค่ะ

โค๊ด: [Select]

<?php ssi_shout(); ?>
อัพไฟล์ shoutbox.php ไปไว้ในโฟลเดอร์ฟอรั่มของคุณ


Shout จะอยู่ด้านล่างของบอร์ด
ให้แก้ไขไฟล์ BoardIndex.template.php ตามน

หาโค้ด

โค๊ด: [Select]

echo '
</table>
</div>
</div>';
}

?>
แก้ไขเป็น

โค๊ด: [Select]

// ----------*** เพิ่ม Chat Box ในส่วนล่างของบอร์ด ***----------
echo '
</table>
</div></div><br />';

echo '
<table border="0" width="100%" cellspacing="1" cellpadding="5" class="bordercolor" style="margin-top: 1px;">
<div class="tborder" ', $context['browser']['needs_size_fix'] && !$context['browser']['is_ie6'] ? 'style="width: 100%;"' : '', '>
<div class="catbg" style="padding: 6px; vertical-align: middle; text-align: center; ">
<a href="#" onclick="shrinkHeaderIC(!current_header_ic); return false;"><img id="upshrink_ic" src="', $settings['images_url'], '/', empty($options['collapse_header_ic']) ? 'collapse.gif' : 'expand.gif', '" alt="*" title="', $txt['upshrink_description'], '" style="margin-right: 2ex;" align="right" /></a>
', $txt['justchatbox'], '
</div>
<div class="windowbg2" style="padding: 6px; ">
<iframe name="I1" width="100%" align="center" border="0" frameborder="0" src="shoutbox.php" height="200" target="_blank">
               Your browser does not support inline frames or is currently configured not to display inline frames.
               </iframe>
</div>
</div>
</table>';

}

?>

[boatcup]

มันขึ้นมาแปลกๆอ่าครับ


newbielink:http://www.chalermsart.net/board [nonactive]

พอกด View All  ก็กลายเป็นหน้าแรกของเว็บ ขึ้นมาในช่อง

เกิดจากอะไรครับ

[boatcup]

ไม่มีคนตอบ เง้อๆๆๆ

[เซียวเหล่งนึ่งฯ]

ไม่มีคนตอบ เง้อๆๆๆ

จงรอๆๆๆๆๆ   คนทำเป็นไม่อยู่หนะ 5555+

[wor150240]

ไม่มีอะไรเกิดขึ้นเลยอ่ะครับ...เปิดบอร์ดที่ติตตั้ง Shout เสร็จก็ไม่เปลี่ยนแปลงเลยครับ

[เซียวเหล่งนึ่งฯ]

ว่าไปแล้วเชาท์ตัวนี้คุณทีน่าแคทก็แนะนำเอาไว้นานแล้ว
ใช้มาตั้งกะ 1.1อาซี2  ถ้าจะเอาตามวิธีการนี้เลยก็อย่างที่เห็น แก้กันเพียบเลย
ลองดูตามกระทู้พวกนี้ก่อนก็ได้  เผื่อจะได้ไอเดียอื่นๆ

http://www.justusers.net/forum/index.php?topic=735.0

http://www.justusers.net/forum/index.php?topic=930.0

[LittleCat]

มีตามไปดูไฟล์ที่เกี่ยวข้องแล้วหรือยังหละ ว่า "ส่วนเนี้ย" มันลิงค์ไปไหน?

[hs7xyr]

ลองดูอันนี้นะครับ พี่คงก๊อบมาไม่หมด ย้ายไฟล์ที่ใหลดมาไปใส่ไว้ตามนี้ครับ  
Move the included file "shout.php" to "./Sources".
Move the included file "shout.template.php" to "./Themes/default".
Move the included file "script_shout.js" to "./Themes/default".
Move the included file "deleteshout.gif" to "./Themes/default/images".
Move the included file "deleteshout.gif" to "./Themes/babylon/images".
Move the included file "deleteshout.gif" to "./Themes/classic/images".

ผมยังไม่ได้ลองเหมือนกัน กำลังทำอยู่

[เซียวเหล่งนึ่งฯ]

เชาท์ตัวนี้วิธีมันคงเยอะเกินไป
เดี๋ยวไว้รอเคลียร์งานให้มันเบาๆมือสักหน่อย จะลองทำบทความตัวที่จัสต์ใช้มาลงไว้

[Game-Mun]

ผมใช้ nne อยู่

ตัวหน้าเวป เหมือนจะพยายามแล้วแต่มันติดไม่ได้ หรือเพราะตอนนั้นไม่ได้ใช้แบบ utf8 นี่แหละครับ

[iamday]

เชาท์ตัวนี้วิธีมันคงเยอะเกินไป
เดี๋ยวไว้รอเคลียร์งานให้มันเบาๆมือสักหน่อย จะลองทำบทความตัวที่จัสต์ใช้มาลงไว้

ขออภัยที่ขุดกระทู้นะครับ

เพียงอยากรู้ว่า  ตัวที่จัสต์ใช้มาลงไว้

ทำอย่างไรครับ

ขอบคุณครับ

[เซียวเหล่งนึ่งฯ]

แบบของจัสต์ ไม่แนะนำอ่ะท่าน
เก่าเกินไป แก้เยอะด้วย
ไม่ยืดหยุ่นพอ ลบข้อมูลแล้วชอบค้าง

แนะนำตัวนี้
Hack's Park Shoutbox
http://custom.simplemachines.org/mods/index.php?mod=1295

ม็อดตัวนี้ก็ทั่วๆไป  แต่ต้องไปเพิ่มเติมภาษาที่ไฟล์ ม็อดดิฟิเคชั่น.ไทย  ไม่งั้นไทยไม่แสดง
การอนุญาตของแต่ละกลุ่ม ไปแก้ที่การอนุญาต

หน้าตาเชาท์ น่าจะแก้ไขได้จาก
Themes\default-Shoutbox.template.php  หรือ  ManageShoutbox.template.php



แรกๆจะมีปัญหากับภาษาไทย (เฉพาะไออี8)  แก้ไขตามนี้
http://www.justusers.net/forum/index.php?topic=3039.0


หรือ


วีดีโอ ตัวอย่างปัญหา

http://www.youtube.com/watch?v=1Dyxql1h1m8

1. ใช้ Firefox  หรือ โอเปร่าเข้าเว็บแทนไออี  

2.หากต้องการใช้ ไออี เหมือนเดิม ให้แก้ตามนี้  
ไปที่เมนูทูล/คอมเพทเทเบิลวิว  
หรือคลิกที่รูปนี้  หายชัวร์  (ทำกับทุกเว็บที่มีปัญหา)

[iamday]

ผมควรอัพ 1.1.10 - 1.1.11 ก่อนแล้วค่อย Shoutbox  หรือว่าลองก่อนได้ครับ

ขอบคุณมากมายเลยครับ
ขอไปงมจ๋อม ๆสักเพลาก่อนนะครับ  

[เซียวเหล่งนึ่งฯ]

อัพก่อนจะดีกว่า