Pro Chat Rooms - Custom Footerbar

The Pro Chat Rooms is a multi user chat room script written in PHP/MySQL/Ajax and includes a wide range of features like unlimited chat rooms, customisable text, private chat, avatars, smilies, sounds, user profiles, multi-level chat room management (administrators & moderators), transcripts, IRC type commands and much more... Additional plugins include Flash Webcams, Virtual Credits, Pay Per Access, Login Gallerys, Advertising Modules, Scheduled Events, Moderated Chat, Share Images and Invisible Admins. Currently integrates with 30 content systems including phpBB, Joomla, Drupal, e107, phpFOX, WordPress, vBulletin, etc and Custom Built Databases... read more

Bookmark/Share

Rate This Software

Payment Methods

Awards

"The Pro Chat Rooms application is an optimal chat system... ...extensible features and flexible configuration options, suitable both for beginners or advanced webmasters."

Pro Chat Rooms - Footer Bar (Custom Install)

To integrate the Pro Chat Rooms footerbar with your own content system, please follow the install/integration instructions below.

Facebook Style Chat Bar - Custom Install

Please note a knowledge of PHP and your CMS database tables are required.

IMPORTANT: You must of installed the Pro Chat Rooms MySQL tables in the same database as your content system for this plugin to work. You will need to upload the folder 'footerbar' to 'http://YOURSITE.com/footerbar'. DO NOT rename the 'footerbar' folder name or the footerbar plugin may not work correctly.

For Custom CMS

You will need to set a $_SESSION['pro_chatrooms'] value for your CMS users 'username'. If this session is not set, the users will not be able to use the Footerbar.

Example: $_SESSION['pro_chatrooms'] = $_COOKIE['your_CMS_username'];

1) Open the file 'footerbar/db.php' and enter your MySQL database details.

Code:

#### YOUR SQL DATABASE ################

// Enter your MySQL database details

define('C_HOST','localhost'); // MySQL host name (usually:localhost)
define('C_USER','username'); // MySQL username
define('C_PASS','password'); // MySQL password
define('C_BASE','database'); // MySQL database
define('C_PATH','C:\PATH\TO\WEBSITE\ROOT-FOLDER'); // Document Path (Root)

2) Open the file 'footerbar/config.php' and enter your website settings.

a) The url to your 'prochatrooms' folder

Code:

##### CHAT ROOM URL ###################

define("C_CHATROOM","http://yoursite.com/prochatrooms/");

b) The url to your 'prochatrooms/private.php' file

Code:

##### PRIVATE CHAT URL ################

define("C_PRIVATE","http://yoursite.com/prochatrooms/private.php");

c) The custom links you wish to appear in the 'Menu Options' of the footer chat bar (up to 13 links can be added)

Code:

##### MENU OPTIONS SETTINGS ##############

define("C_LINK_TEXT1","Home");
define("C_LINK1","http://yoursite.com/index.php");

d) The path to your members photos folder

Code:

##### MEMBERS PHOTO URL ###############

define("C_PHOTO","path/to/members/photos/");

e) And the browser character set (you can ignore this setting if using the English language or any language supported by UTF-8 )

Code:

##### BROWSER CHARSET #################

define("C_CHARSET","UTF-8");

3) This next bit sets up the MySQL tables to extract the members details from so we can add their images to the 'Friends Online' list.

a) Open the file 'footerbar/online.php' and look for the code below (this code is the MySQL table where we get all the friends of the member, you need to change this code to your own 'friends' MySQL table.),

Code:

// get data from friends table

$tmp=mysql_query("
SELECT friends_names
FROM friends_table
WHERE username = '".$_SESSION['pro_chatrooms']."'
ORDER BY friends_names ASC");

b) Next, find this code (slightly lower down the file), this is the array thats set to use in the next step ($got_friend['friends_names']).

Code:

// or lets show all friends online

while($got_friend = mysql_fetch_array($tmp)) {
$my_friends[] = "'".($got_friend['friends_names'])."' ";

// set an array for friends list
$friends_list = implode(',', $my_friends);

c) Scroll slightly further down the file and you will see the code to check the online table to see if the friend is online,

Code:

// check if friends is in online table

$get_user=mysql_query("
SELECT username
FROM online_table
WHERE username IN ($friends_list)
ORDER BY username ASC");

d) And finally we set the paths to show the friends photo (we also set a default 'nopic' for friends without photos).

Code:

// get users photo

if(file_exists(C_PATH."path/to/members/photos/".$show_friend['username'])){

// image exists

$photo_url=C_PHOTO.$show_friend['username'];

}else{

// else show nopic

$photo_url=C_PHOTO."nopic.jpg";
}

4) Now we get to add the code to our web pages.

a) Add the following code between your <head> and </head> tags. Remember to replace yoursite.com with your own domain name.

Code:

b) Add the following code directly below your <body> tag.

Code:

c) Add the following code directly above the </body> tag. You will also need to replace the YOUR-CMS-USERNAME with the logged in users name. Remember to replace yoursite.com with your own domain name.

Code:

</div>



<div id="divBar" class="footerBar">
<iframe id="_FOOTERBAR" name="_FOOTERBAR" src="http://yoursite.com/footerbar/footerbar.php?request_chat=YOUR-CMS-USERNAME" style="width: 100%; height: 32px; border: 0px; background-color: transparent;" frameborder="0" allowTransparency="true"></iframe>
</div>



<div ID="app_menu" style="position:absolute;left:20px;bottom:36px;z-index:2000;visibility:hidden;">
<iframe name="_MENU" id="_MENU" src="http://yoursite.com/footerbar/menu.php" onLoad="show_MENU();" scrolling="no" width="152" frameborder="0" allowtransparency="true"></iframe>
</div>



<div ID="app_online" style="position:absolute;left:85%;bottom:36px;z-index:2000;visibility:hidden;">
<iframe name="_ONLINE" id="_ONLINE" src="http://yoursite.com/footerbar/online.php" onLoad="show_ONLINE();" scrolling="no" width="152" frameborder="0" allowtransparency="true"></iframe>
</div>



<div ID="app_status" style="position:absolute;left:83%;bottom:36px;z-index:2000;visibility:hidden;">
<iframe name="_STATUS" id="_STATUS" src="http://yoursite.com/footerbar/status.php" onLoad="show_STATUS();" scrolling="no" width="152" frameborder="0" allowtransparency="true"></iframe>
</div>

Thats it! If everything was done correctly, you should now have a Pro Chat Rooms - Footer Chat Bar installed on your website.

- To change the styles/colors, simply edit the CSS file 'footerbar/style.css'
- To change the language, edit the file 'footerbar/lang/default.php'