deksao โพสต์ 2008-4-3 14:16:37

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

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

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

<!--{if $shout['enable']}-->
<script type="text/javascript" src="include/javascript/prototype.js"></script>
<script type="text/javascript" src="include/javascript/shoutbox.js"></script>
<style type="text/css">
<!--
.shout-button {
      font-size: 11px;
      line-height: 1em;
      display: inline;
      overflow: visible;
      padding: 3px 5px 2px;
      border: 1px solid {BGBORDER};
      background: {TABLEBG};
      cursor: pointer;
      margin-left: 2px;
}
.shout-announce {
      font-size: {MSGFONTSIZE} / 2;
      border: 1px solid {NOTICEBORDER};
      background: {NOTICEBG} url({IMGDIR}/notice.gif) no-repeat 1em 0.7em;
      padding: 0.5em 1em 0.5em 2.5em;
      margin-bottom: 5px;
      color: {NOTICETEXT};
}
.shout-error {
      padding: 4px;
      background-color: #FCC;
      border: 1px solid #C00;
      color: #000;
}
-->
</style>


<div class="mainbox">
      <h3><a href="shoutbox.php">$shout['title']</a></h3>
      <table id="shoutbox" summary="shoutbox" cellspacing="0" cellpadding="0" style="$collapse['shoutbox']">
                <tr>
                        <td>

                              <!--{if $shout['announcement']}--><div class="shout-announce">$shout['announcement']</div><!--{/if}-->
                                  <div style="position:relative">
                                  <div id="shout_msg" class="popupmenu_popup" style="height:130px;overflow:auto;"></div>
                                  <div id="shout_reloading" style="position:absolute;top:5px;right:20px;display:none">
                                  <img src="{IMGDIR}/loading.gif" border='0' alt="Refreshing..." /></div></div>
                        </td>
                </tr>
                <tr>
                        <td>
                              <select id="req_color">
                                        <option value="default" selected="selected">????????????????????</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">urple</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">ink</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">aleGreen</option>
                                        <option value="#afeeee" style="background-color: #afeeee">aleTurquoise</option>
                                        <option value="#add8e6" style="background-color: #add8e6">LightBlue</option>
                                        <option value="#dda0dd" style="background-color: #dda0dd">lum</option>
                              </select>
                              <input id="req_message" type="text" size="50" value="" onKeydown="shout_keydown(event)"/>
                              <button class="shout-button" onclick="send_message();">??????????????????????????????</button>
                              <button class="shout-button" onclick="shout_clear()">?????????????????????????????????</button>
                              <button class="shout-button" onclick="shout_refresh()">???????????????</button>
                              <!--{if $shout['allow']}--><button class="shout-button" id="smilies" onclick="shout_smilies()">?????????????????????</button><!--{/if}-->
                              <!--{if $shout['allow']}--><button class="shout-button" onclick="window.open(this.href='faq.php?action=message&id=18'); return false;">????????????</button><!--{/if}-->
                              <div id="smilieslist" class="popupmenu_popup" style="position:absolute; padding:1px; display: none; width:183px;height:auto;"></div>
                        </td>
                </tr>
      </table>

      <script language="javascript">
      <!--
      $('req_message').focus();
      // -->
      </script>
</div>
<div id="popup_shoutbox"></div>

<script language="javascript">
      var LastMsg = '';
      var RefreshTime = $shout['refresh'];
      get_messages();
      checker = new PeriodicalExecuter(get_messages, RefreshTime);
</script>
<!--{/if}-->

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

buachompoox โพสต์ 2008-4-3 14:20:44

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

deksao โพสต์ 2008-4-3 14:26:16

ต้นฉบับโพสโดย buachompoox เมื่อ 2008-4-3 14:20 http://www.cazdesign.com/forums/images/common/back.gif
zผมยังไม่ได้ลอง mod เลยครับบอร์ดไม่รู้เปนไรคั้งค่าแชทบอกซไม่ได้ครับ :L
ติดที่ว่าจะไปแทรกตรงไหนอะคับ

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

deksao โพสต์ 2008-4-3 15:11:19

ok มั่วจนได้<!--Shoutbox by ROA-->

<!--{if $shout['enable']}-->
<script type="text/javascript" src="include/javascript/prototype.js"></script>
<script type="text/javascript" src="include/javascript/shoutbox.js"></script>
<style type="text/css">
<!--
.shout-button {
        font-size: 11px;
        line-height: 1em;
        display: inline;
        overflow: visible;
        padding: 3px 5px 2px;
        border: 1px solid {BGBORDER};
        background: {TABLEBG};
        cursor: pointer;
        margin-left: 2px;
}
.shout-announce {
        font-size: {MSGFONTSIZE} / 2;
        border: 1px solid {NOTICEBORDER};
        background: {NOTICEBG} url({IMGDIR}/notice.gif) no-repeat 1em 0.7em;
        padding: 0.5em 1em 0.5em 2.5em;
        margin-bottom: 5px;
        color: {NOTICETEXT};
}
.shout-error {
        padding: 4px;
        background-color: #FCC;
        border: 1px solid #C00;
        color: #000;
}
-->
</style>


<div class="mainbox">
        <h3><a href="shoutbox.php">$shout['title']</a></h3>
        <table id="shoutbox" summary="shoutbox" cellspacing="0" cellpadding="0" style="$collapse['shoutbox']">
                <tr>
                        <td>
                                <!--{if $shout['announcement']}--><div class="shout-announce">$shout['announcement']</div><!--{/if}-->
                                  <div style="position:relative">
                                  <div id="shout_msg" class="popupmenu_popup" style="height:270px;overflow:auto;"></div>
                                  <div id="shout_reloading" style="position:absolute;top:5px;right:20px;display:none">
                                  <img src="{IMGDIR}/loading.gif" border='0' alt="Refreshing..." /></div></div>
                        </td>
            
            <td width="300">

                                <div class="text">
                                  <div align="center"><b>เพลงเพราะๆวันนี้</b></div>
                                </div>
                       
                                  <div style="position:relative;">
                                  <div>
                                  <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">
                                      <param name="movie" value="http://www.clipmass.com/cm6.swf?file=46a9f2c099cc11186fa4.flv&server=6&image=http://static.clipmass.com/thumb/1_54760.jpg" />
                                      <param name="wmode" value="transparent" />
                                      <param name="allowScriptAccess" value="always" />
                                      <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" />                  
                                </object>
                                  </div>
                                  <div>
                  </div></div>                        </td>
            
            
                </tr>
                <tr>
                        <td>
                                <select id="req_color">
                                        <option value="default" selected="selected">color</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 id="req_message" type="text" size="25" value="" onKeydown="shout_keydown(event)"/>
                                <button class="shout-button" onclick="send_message();">send</button>
                                <button class="shout-button" onclick="shout_clear()">clear</button>
                                <button class="shout-button" onclick="shout_refresh()">refresh</button>
                                <!--{if $shout['allow']}-->
              <button class="shout-button" id="smilies" onclick="shout_smilies()">smilies</button><!--{/if}-->
                                <!--{if $shout['allow']}-->
    <button class="shout-button" onclick="window.open(this.href='faq.php?action=message&id=18'); return false;">code</button><!--{/if}-->
                                <div id="smilieslist" class="popupmenu_popup" style="position:absolute; padding:1px; display: none; width:183px;height:auto;"></div>
                        </td>
                </tr>
        </table>

        <script language="javascript">
        <!--
        $('req_message').focus();
        // -->
        </script>
</div>
<div id="popup_shoutbox"></div>

<script language="javascript">
        var LastMsg = '';
        var RefreshTime = $shout['refresh'];
        get_messages();
        checker = new PeriodicalExecuter(get_messages, RefreshTime);
</script>
<!--{/if}-->
หน้า: [1]
ดูในรูปแบบกติ: ช่วยปรับแต่ง shoutbox 2.2 ด้วยค๊าปป