Yuku free message boards

Forgot
Password?

Chatbox / Shoutbox
Community Scripts

About Chatbox / Shoutbox

Author: Chris

Created: Aug 12, 2007

Related Tags: , ,

Description: Adds an integrated shout/chatbox to your community pages

44 kudos

Instructions

This script allows you to add an integrated chatbox/shoutbox to your community. It uses your own board's skin and smilies and anyone logged in to a Yuku account can post messages to it.

To add the chatbox to your board, copy and paste the following code into your custom html, it will appear wherever you paste it, for example in your sidebar

Custom Header / Footer

<chatbox limit="20" refresh="0" width="160px" height="200px">

The example code above will create a chatbox that is 160px wide by 200px high. The limit of 20 is the number of posts to show inside the chatbox. The final option is the "refresh" - this can be used to set the chatbox to automatically refresh every X seconds. Only the chatbox will refresh, the page you are on will remain the same. If you do not want the chatbox to automatically refresh, then either set it to 0 or leave the refresh option out completely. The value in red is the number of seconds between automatic refreshes.

Customizing the Chatbox

The chatbox uses your board's default (main page) skin, so to change how the chatbox looks you need to add css to the skin set as the Community Default.

To change the background colour and the text colour of the posts, copy the following example

Custom CSS

#widgets_chatbox td { background: #000000; color: #FFFFFF; }

To alternate the background colours for odd and even posts, use the following example instead

Custom CSS

#widgets_chatbox .odd td { background: #000000; color: #FFFFFF; }
#widgets_chatbox .even td { background: #FFFFFF; color: #000000; }

Alternatively you can make your chatbox transparent so it fits in with any skin. To make the chatbox transparent, copy the following example

Custom CSS

#widgets_chatbox, #widgets_chatbox table, 
#widgets_chatbox tr, #widgets_chatbox td { background: transparent; }

Moderating the Chatbox

The board owner and administrators can delete posts from the chatbox by scrolling to the bottom of the chatbox window and clicking the link.