phpBB.de

How to get roughly the same shoutbox as here

Beitrag von easygo • Do Jan 8, 2009 15:26
This solution was made for NeT4SeVeN / AJAX Chat v0.8.1.2 phpBB3 // Author: easygo

General note: Before adding this MOD you should back up all files (chat/phpbb) related to this MOD :!:

* chat/css/shoutbox.css
* chat/lib/config.php
* chat/lib/template/shoutbox.html
* includes/functions.php
* styles/prosilver/theme/stylesheet.css
* styles/prosilver/template/overall_footer.html


Do you think all's well done? Let's go ::

OPEN
Tip: Open this file in your favorite source code editor.

chat/css/shoutbox.css


FIND

Code: Alles auswählen

    #ajaxChatContent #ajaxChatChatList {
       height:300px;
       overflow:auto;

REPLACE WITH
Tip: Replace the preceding lines to find with the following lines.

Code: Alles auswählen

    #ajaxChatContent #ajaxChatChatList {
       border: inset 2px #F4F6FB;
       height: 120px;
       overflow: auto;

OPEN
Tip: Open this file in your favorite source code editor.

chat/lib/config.php


FIND

Code: Alles auswählen

    define('AJAX_CHAT_CHATBOT',      4);
    define('AJAX_CHAT_ADMIN',      3);
    define('AJAX_CHAT_MODERATOR',   2);
    define('AJAX_CHAT_USER',      1);
    define('AJAX_CHAT_GUEST',      0);

REPLACE WITH
Tip: Replace the preceding lines to find with the following lines.

Code: Alles auswählen

    if(!defined('AJAX_CHAT_CHATBOT')) define('AJAX_CHAT_CHATBOT', 4);
    if(!defined('AJAX_CHAT_ADMIN')) define('AJAX_CHAT_ADMIN', 3);
    if(!defined('AJAX_CHAT_MODERATOR')) define('AJAX_CHAT_MODERATOR', 2);
    if(!defined('AJAX_CHAT_USER')) define('AJAX_CHAT_USER', 1);
    if(!defined('AJAX_CHAT_GUEST')) define('AJAX_CHAT_GUEST', 0);

FIND

Code: Alles auswählen

    $config['forceAutoLogin'] = false;

REPLACE WITH
Tip: Replace the preceding line to find with the following line.

Code: Alles auswählen

    $config['forceAutoLogin'] = true;

OPEN
Tip: Open this file in your favorite source code editor.

chat/lib/template/shoutbox.html


FIND

Code: Alles auswählen

       <div id="ajaxChatInputFieldContainer">
          <input id="ajaxChatInputField" type="text" maxlength="[MESSAGE_TEXT_MAX_LENGTH/]" onkeypress="ajaxChat.handleInputFieldKeyPress(event);"/>
       </div>

REPLACE WITH
Tip: Replace the preceding lines to find with the following lines.

Code: Alles auswählen

       <div id="ajaxChatInputFieldContainer" style="white-space: nowrap;">
          <h3>Shout Message</h3><input id="ajaxChatInputField" type="text" class="inputbox autowidth" size="77" maxlength="[MESSAGE_TEXT_MAX_LENGTH/]" onkeypress="ajaxChat.handleInputFieldKeyPress(event);" /> <input type="button" id="submitButton" value="Submit" onclick="ajaxChat.sendMessage();" />
       </div>

Special note: You might have to change the current size value (77), depending on where it goes.

OPEN
Tip: Open this file in your favorite source code editor.

includes/functions.php


FIND

Code: Alles auswählen

          'ROOT_PATH'         => $phpbb_root_path,

ADD AFTER
Tip: Add this line on a new blank line after the preceding line to find.

Code: Alles auswählen

          'SHOUTBOX'            => getShoutBoxContent(),

FIND

Code: Alles auswählen

    ?>

ADD BEFORE
Tip: Add these lines on a new blank line before the preceding line to find.

Code: Alles auswählen

    function getShoutBoxContent()
    {
       global $phpEx, $phpbb_root_path;

       // Get the URL to the chat directory:
       if (!defined('AJAX_CHAT_URL'))
       {
          define('AJAX_CHAT_URL', $phpbb_root_path . 'chat/');
       }

       // Get the real path to the chat directory:
       if (!defined('AJAX_CHAT_PATH'))
       {
          if (empty($_SERVER['SCRIPT_FILENAME']))
          {
             $_SERVER['SCRIPT_FILENAME'] = $_SERVER['DOCUMENT_ROOT'] . $_SERVER['SCRIPT_URL'];
          }
          define('AJAX_CHAT_PATH', realpath(dirname($_SERVER['SCRIPT_FILENAME']) . '/chat') . '/');
       }

       // Validate the path to the chat:
       if (@is_file(AJAX_CHAT_PATH . 'lib/classes.' . $phpEx))
       {
          // Include Class libraries:
          require_once(AJAX_CHAT_PATH.'lib/classes.' . $phpEx);
       
          // Initialize the shoutbox:
          $ajaxChat = new CustomAJAXChatShoutBox();
       
          // Parse and return the shoutbox template content:
          return $ajaxChat->getShoutBoxContent();
       }

       return null;
    }

OPEN (just for example)
Tip: Open this file in your favorite source code editor.

styles/prosilver/theme/stylesheet.css


FIND

Code: Alles auswählen

    @import url("colours.css");

ADD AFTER
Tip: Add this line on a new blank line after the preceding line to find.

Code: Alles auswählen

    @import url("../../../chat/css/shoutbox.css");

Special note: In case of doubt, try adding this line on a new blank line after the lowest entry.

OPEN
Tip: Open this file in your favorite source code editor.

styles/prosilver/template/overall_footer.html


FIND

Code: Alles auswählen

    <div id="page-footer">

ADD AFTER
Tip: Add these lines on a new blank line after the preceding line to find.

Code: Alles auswählen

    <div class="forabg">
       <div class="inner">
          <span class="corners-top"><span></span></span>
          <ul class="topiclist">
             <li class="header">
                <dl>
                   <dt>Shoutbox</dt>
                </dl>
             </li>
          </ul>
          <ul class="topiclist forums">
             <li>
                <dl>
                   <dd style="width: 99%; border: 0; font-size: 1.2em; padding: 3px; margin: 0 auto;">{SHOUTBOX}</dd>
                </dl>
             </li>
          </ul>
          <span class="corners-bottom"><span></span></span>
       </div>
    </div>
    <br style="clear: both" />

Please could anyone tell me about the CODE to have a LOOK like the Shoutbox from joebart72.

Got the Smilie and BBcodes allready from him.
Thank you joebart72

I mean like:
to erase Messages (Admin) in the Shoutbox, and not logged on the Chat.
And the Background shown in White and Light Grey for the Messages to display.
Also a Scrollbar.

I would be very happy about the Code.

Please could anyone tell me about the CODE to have a LOOK like the Shoutbox from joebart72.

Got the Smilie and BBcodes allready from him.
Thank you joebart72

Sturm-Michl hat geschrieben:Grüß Euch!

Kann mir bitte wer verraten wo ich den Chat administrieren kann?
Mir gefällt das schon nicht, dass ich für jedes Forum einen Chat-Raum bekommen habe.
Ich hab mich bei AJAX Chat Wiki umgesehen, bin aber nicht wirklich schlauer geworden !

Gruß