ช่วยปรับแต่ง shoutbox 2.2 ด้วยค๊าปป

deksao

นี่โค๊ด shoutbox.html คับ

ผมต้องแทรก ตรงไหนอะคับ  ถ้าจะทำแบบนี้นะคับ http://www.buachompoox.com/thread-112-1-1.html
เพราะคนละ vertion กันนะคับ มันไม่เหมือนกันผมแทรกแล้วมันเน่าอะ ช่วยด้วยอะัคับ

1. <!--Shoutbox by ROA-->
   
2. 
   
3. <!--{if $shout['enable']}-->
   
4. <script type="text/javascript" src="include/javascript/prototype.js"></script>
   
5. <script type="text/javascript" src="include/javascript/shoutbox.js"></script>
   
6. <style type="text/css">
   
7. <!--
   
8. .shout-button {
   
9.         font-size: 11px;
   
10.         line-height: 1em;
    
11.         display: inline;
    
12.         overflow: visible;
    
13.         padding: 3px 5px 2px;
    
14.         border: 1px solid {BGBORDER};
    
15.         background: {TABLEBG};
    
16.         cursor: pointer;
    
17.         margin-left: 2px;
    
18. }
    
19. .shout-announce {
    
20.         font-size: {MSGFONTSIZE} / 2;
    
21.         border: 1px solid {NOTICEBORDER};
    
22.         background: {NOTICEBG} url({IMGDIR}/notice.gif) no-repeat 1em 0.7em;
    
23.         padding: 0.5em 1em 0.5em 2.5em;
    
24.         margin-bottom: 5px;
    
25.         color: {NOTICETEXT};
    
26. }
    
27. .shout-error {
    
28.         padding: 4px;
    
29.         background-color: #FCC;
    
30.         border: 1px solid #C00;
    
31.         color: #000;
    
32. }
    
33. -->
    
34. </style>
    
35. 
    
36. 
    
37. <div class="mainbox">
    
38.         <h3><a href="shoutbox.php">$shout['title']</a></h3>
    
39.         <table id="shoutbox" summary="shoutbox" cellspacing="0" cellpadding="0" style="$collapse['shoutbox']">
    
40.                 <tr>
    
41.                         <td>
    
42. 
    
43.                                 <!--{if $shout['announcement']}--><div class="shout-announce">$shout['announcement']</div><!--{/if}-->
    
44.                                   <div style="position:relative">
    
45.                                   <div id="shout_msg" class="popupmenu_popup" style="height:130px;overflow:auto;"></div>
    
46.                                   <div id="shout_reloading" style="position:absolute;top:5px;right:20px;display:none">
    
47.                                   <img src="{IMGDIR}/loading.gif" border='0' alt="Refreshing..." /></div></div>
    
48.                         </td>
    
49.                 </tr>
    
50.                 <tr>
    
51.                         <td>
    
52.                                 <select id="req_color">
    
53.                                         <option value="default" selected="selected">????????????????????</option>
    
54.                                         <option value="#000000" style="background-color: #000000">Black</option>
    
55.                                         <option value="#a0522d" style="background-color: #a0522d">Sienna</option>               
    
56.                                         <option value="#556b2f" style="background-color: #556b2f">DarkOliveGreen</option>
    
57.                                         <option value="#006400" style="background-color: #006400">DarkGreen</option>
    
58.                                         <option value="#483d8b" style="background-color: #483d8b">DarkSlateBlue</option>
    
59.                                         <option value="#000080" style="background-color: #000080">Navy</option>
    
60.                                         <option value="#4b0082" style="background-color: #4b0082">Indigo</option>
    
61.                                         <option value="#2f4f4f" style="background-color: #2f4f4f">DarkSlateGray</option>
    
62.                                         <option value="#8b0000" style="background-color: #8b0000">DarkRed</option>
    
63.                                         <option value="#ff8c00" style="background-color: #ff8c00">DarkOrange</option>
    
64.                                         <option value="#808000" style="background-color: #808000">Olive</option>
    
65.                                         <option value="#008000" style="background-color: #008000">Green</option>
    
66.                                         <option value="#008080" style="background-color: #008080">Teal</option>
    
67.                                         <option value="#0000ff" style="background-color: #0000ff">Blue</option>
    
68.                                         <option value="#708090" style="background-color: #708090">SlateGray</option>
    
69.                                         <option value="#696969" style="background-color: #696969">DimGray</option>
    
70.                                         <option value="#ff0000" style="background-color: #ff0000">Red</option>
    
71.                                         <option value="#f4a460" style="background-color: #f4a460">SandyBrown</option>
    
72.                                         <option value="#9acd32" style="background-color: #9acd32">YellowGreen</option>
    
73.                                         <option value="#2e8b57" style="background-color: #2e8b57">SeaGreen</option>
    
74.                                         <option value="#48d1cc" style="background-color: #48d1cc">MediumTurquoise</option>
    
75.                                         <option value="#4169e1" style="background-color: #4169e1">RoyalBlue</option>
    
76.                                         <option value="#800080" style="background-color: #800080">urple</option>
    
77.                                         <option value="#808080" style="background-color: #808080">Gray</option>
    
78.                                         <option value="#ff00ff" style="background-color: #ff00ff">Magenta</option>
    
79.                                         <option value="#ffa500" style="background-color: #ffa500">Orange</option>
    
80.                                         <option value="#ffff00" style="background-color: #ffff00">Yellow</option>
    
81.                                         <option value="#00ff00" style="background-color: #00ff00">Lime</option>
    
82.                                         <option value="#00ffff" style="background-color: #00ffff">Cyan</option>
    
83.                                         <option value="#00bfff'" style="background-color: #00bfff">DeepSkyBlue</option>
    
84.                                         <option value="#9932cc" style="background-color: #9932cc">DarkOrchid</option>
    
85.                                         <option value="#c0c0c0" style="background-color: #c0c0c0">Silver</option>
    
86.                                         <option value="#ffc0cb" style="background-color: #ffc0cb">ink</option>
    
87.                                         <option value="#f5deb3'" style="background-color: #f5deb3">Wheat</option>
    
88.                                         <option value="#fffacd" style="background-color: #fffacd">LemonChiffon</option>
    
89.                                         <option value="#98fb98" style="background-color: #98fb98">aleGreen</option>
    
90.                                         <option value="#afeeee" style="background-color: #afeeee">aleTurquoise</option>
    
91.                                         <option value="#add8e6" style="background-color: #add8e6">LightBlue</option>
    
92.                                         <option value="#dda0dd" style="background-color: #dda0dd">lum</option>
    
93.                                 </select>
    
94.                                 <input id="req_message" type="text" size="50" value="" onKeydown="shout_keydown(event)"/>
    
95.                                 <button class="shout-button" onclick="send_message();">??????????????????????????????</button>
    
96.                                 <button class="shout-button" onclick="shout_clear()">?????????????????????????????????</button>
    
97.                                 <button class="shout-button" onclick="shout_refresh()">???????????????</button>
    
98.                                 <!--{if $shout['allow'][1]}--><button class="shout-button" id="smilies" onclick="shout_smilies()">?????????????????????</button><!--{/if}-->
    
99.                                 <!--{if $shout['allow'][2]}--><button class="shout-button" onclick="window.open(this.href='faq.php?action=message&id=18'); return false;">????????????</button><!--{/if}-->
    
100.                                 <div id="smilieslist" class="popupmenu_popup" style="position:absolute; padding:1px; display: none; width:183px;height:auto;"></div>
     
101.                         </td>
     
102.                 </tr>
     
103.         </table>
     
104. 
     
105.         <script language="javascript">
     
106.         <!--
     
107.         $('req_message').focus();
     
108.         // -->
     
109.         </script>
     
110. </div>
     
111. <div id="popup_shoutbox"></div>
     
112. 
     
113. <script language="javascript">
     
114.         var LastMsg = '';
     
115.         var RefreshTime = $shout['refresh'];
     
116.         get_messages();
     
117.         checker = new PeriodicalExecuter(get_messages, RefreshTime);
     
118. </script>
     
119. <!--{/if}-->

คัดลอกไปที่คลิปบอร์ด

[ แก้ไขล่าสุด deksao เมื่อ 2008-4-3 14:38 ]

buachompoox

zผมยังไม่ได้ลอง mod เลยครับบอร์ดไม่รู้เปนไรคั้งค่าแชทบอกซไม่ได้ครับ

deksao

ต้นฉบับโพสโดย buachompoox เมื่อ 2008-4-3 14:20
zผมยังไม่ได้ลอง mod เลยครับบอร์ดไม่รู้เปนไรคั้งค่าแชทบอกซไม่ได้ครับ

ติดที่ว่าจะไปแทรกตรงไหนอะคับ

ใครเก่งช่วยด้วยค๊าปป

deksao

ok มั่วจนได้

1. <!--Shoutbox by ROA-->
   
2. 
   
3. <!--{if $shout['enable']}-->
   
4. <script type="text/javascript" src="include/javascript/prototype.js"></script>
   
5. <script type="text/javascript" src="include/javascript/shoutbox.js"></script>
   
6. <style type="text/css">
   
7. <!--
   
8. .shout-button {
   
9.         font-size: 11px;
   
10.         line-height: 1em;
    
11.         display: inline;
    
12.         overflow: visible;
    
13.         padding: 3px 5px 2px;
    
14.         border: 1px solid {BGBORDER};
    
15.         background: {TABLEBG};
    
16.         cursor: pointer;
    
17.         margin-left: 2px;
    
18. }
    
19. .shout-announce {
    
20.         font-size: {MSGFONTSIZE} / 2;
    
21.         border: 1px solid {NOTICEBORDER};
    
22.         background: {NOTICEBG} url({IMGDIR}/notice.gif) no-repeat 1em 0.7em;
    
23.         padding: 0.5em 1em 0.5em 2.5em;
    
24.         margin-bottom: 5px;
    
25.         color: {NOTICETEXT};
    
26. }
    
27. .shout-error {
    
28.         padding: 4px;
    
29.         background-color: #FCC;
    
30.         border: 1px solid #C00;
    
31.         color: #000;
    
32. }
    
33. -->
    
34. </style>
    
35. 
    
36. 
    
37. <div class="mainbox">
    
38.         <h3><a href="shoutbox.php">$shout['title']</a></h3>
    
39.         <table id="shoutbox" summary="shoutbox" cellspacing="0" cellpadding="0" style="$collapse['shoutbox']">
    
40.                 <tr>
    
41.                         <td>
    
42.                                 <!--{if $shout['announcement']}--><div class="shout-announce">$shout['announcement']</div><!--{/if}-->
    
43.                                   <div style="position:relative">
    
44.                                   <div id="shout_msg" class="popupmenu_popup" style="height:270px;overflow:auto;"></div>
    
45.                                   <div id="shout_reloading" style="position:absolute;top:5px;right:20px;display:none">
    
46.                                   <img src="{IMGDIR}/loading.gif" border='0' alt="Refreshing..." /></div></div>
    
47.                         </td>
    
48.             
    
49.             <td width="300">
    
50. 
    
51.                                 <div class="text">
    
52.                                   <div align="center"><b>เพลงเพราะๆวันนี้</b></div>
    
53.                                 </div>
    
54.                        
    
55.                                   <div style="position:relative;">
    
56.                                   <div>
    
57.                                     <object width="340" height="270" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
    
58.                                       <param name="movie" value="http://www.clipmass.com/cm6.swf?file=46a9f2c099cc11186fa4.flv&server=6&image=http://static.clipmass.com/thumb/1_54760.jpg" />
    
59.                                       <param name="wmode" value="transparent" />
    
60.                                       <param name="allowScriptAccess" value="always" />
    
61.                                       <embed src="http://www.clipmass.com/cm6.swf?file=46a9f2c099cc11186fa4.flv&server=6&image=http://static.clipmass.com/thumb/1_54760.jpg" width="340" height="270" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" allowScriptAccess="always" />                    
    
62.                                 </object>
    
63.                                     </div>
    
64.                                   <div>
    
65.                   </div></div>                        </td>
    
66.             
    
67.             
    
68.                 </tr>
    
69.                 <tr>
    
70.                         <td>
    
71.                                 <select id="req_color">
    
72.                                         <option value="default" selected="selected">color</option>
    
73.                                         <option value="#000000" style="background-color: #000000">Black</option>
    
74.                                         <option value="#a0522d" style="background-color: #a0522d">Sienna</option>               
    
75.                                         <option value="#556b2f" style="background-color: #556b2f">DarkOliveGreen</option>
    
76.                                         <option value="#006400" style="background-color: #006400">DarkGreen</option>
    
77.                                         <option value="#483d8b" style="background-color: #483d8b">DarkSlateBlue</option>
    
78.                                         <option value="#000080" style="background-color: #000080">Navy</option>
    
79.                                         <option value="#4b0082" style="background-color: #4b0082">Indigo</option>
    
80.                                         <option value="#2f4f4f" style="background-color: #2f4f4f">DarkSlateGray</option>
    
81.                                         <option value="#8b0000" style="background-color: #8b0000">DarkRed</option>
    
82.                                         <option value="#ff8c00" style="background-color: #ff8c00">DarkOrange</option>
    
83.                                         <option value="#808000" style="background-color: #808000">Olive</option>
    
84.                                         <option value="#008000" style="background-color: #008000">Green</option>
    
85.                                         <option value="#008080" style="background-color: #008080">Teal</option>
    
86.                                         <option value="#0000ff" style="background-color: #0000ff">Blue</option>
    
87.                                         <option value="#708090" style="background-color: #708090">SlateGray</option>
    
88.                                         <option value="#696969" style="background-color: #696969">DimGray</option>
    
89.                                         <option value="#ff0000" style="background-color: #ff0000">Red</option>
    
90.                                         <option value="#f4a460" style="background-color: #f4a460">SandyBrown</option>
    
91.                                         <option value="#9acd32" style="background-color: #9acd32">YellowGreen</option>
    
92.                                         <option value="#2e8b57" style="background-color: #2e8b57">SeaGreen</option>
    
93.                                         <option value="#48d1cc" style="background-color: #48d1cc">MediumTurquoise</option>
    
94.                                         <option value="#4169e1" style="background-color: #4169e1">RoyalBlue</option>
    
95.                                         <option value="#800080" style="background-color: #800080">Purple</option>
    
96.                                         <option value="#808080" style="background-color: #808080">Gray</option>
    
97.                                         <option value="#ff00ff" style="background-color: #ff00ff">Magenta</option>
    
98.                                         <option value="#ffa500" style="background-color: #ffa500">Orange</option>
    
99.                                         <option value="#ffff00" style="background-color: #ffff00">Yellow</option>
    
100.                                         <option value="#00ff00" style="background-color: #00ff00">Lime</option>
     
101.                                         <option value="#00ffff" style="background-color: #00ffff">Cyan</option>
     
102.                                         <option value="#00bfff'" style="background-color: #00bfff">DeepSkyBlue</option>
     
103.                                         <option value="#9932cc" style="background-color: #9932cc">DarkOrchid</option>
     
104.                                         <option value="#c0c0c0" style="background-color: #c0c0c0">Silver</option>
     
105.                                         <option value="#ffc0cb" style="background-color: #ffc0cb">Pink</option>
     
106.                                         <option value="#f5deb3'" style="background-color: #f5deb3">Wheat</option>
     
107.                                         <option value="#fffacd" style="background-color: #fffacd">LemonChiffon</option>
     
108.                                         <option value="#98fb98" style="background-color: #98fb98">PaleGreen</option>
     
109.                                         <option value="#afeeee" style="background-color: #afeeee">PaleTurquoise</option>
     
110.                                         <option value="#add8e6" style="background-color: #add8e6">LightBlue</option>
     
111.                                         <option value="#dda0dd" style="background-color: #dda0dd">Plum</option>
     
112.                     </select>
     
113.                                 <input id="req_message" type="text" size="25" value="" onKeydown="shout_keydown(event)"/>
     
114.                                 <button class="shout-button" onclick="send_message();">send</button>
     
115.                                 <button class="shout-button" onclick="shout_clear()">clear</button>
     
116.                                 <button class="shout-button" onclick="shout_refresh()">refresh</button>
     
117.                                 <!--{if $shout['allow'][1]}-->
     
118.               <button class="shout-button" id="smilies" onclick="shout_smilies()">smilies</button><!--{/if}-->
     
119.                                 <!--{if $shout['allow'][2]}-->
     
120.     <button class="shout-button" onclick="window.open(this.href='faq.php?action=message&id=18'); return false;">code</button><!--{/if}-->
     
121.                                 <div id="smilieslist" class="popupmenu_popup" style="position:absolute; padding:1px; display: none; width:183px;height:auto;"></div>
     
122.                         </td>
     
123.                 </tr>
     
124.         </table>
     
125. 
     
126.         <script language="javascript">
     
127.         <!--
     
128.         $('req_message').focus();
     
129.         // -->
     
130.         </script>
     
131. </div>
     
132. <div id="popup_shoutbox"></div>
     
133. 
     
134. <script language="javascript">
     
135.         var LastMsg = '';
     
136.         var RefreshTime = $shout['refresh'];
     
137.         get_messages();
     
138.         checker = new PeriodicalExecuter(get_messages, RefreshTime);
     
139. </script>
     
140. <!--{/if}-->

คัดลอกไปที่คลิปบอร์ด