Flash Chat Room integration with vBulletin

|

|

|

|

|

|

|

Integrate the chat into vBulletin

This installation assumes you have ioncube and ChatRoom folders already uploaded in the main directory and are for editing templates in IPB Version 2.3 series.

1.	Upload 'ChatRoom_fixedvB.html' and 'ChatRoom_fixedvB.js' and 'ChatroomvB.swf files into your 'ChatRoom' folder.
2.	In your Admin CP for vB, navigate to 'Styles & Templates' and then 'Style Manager'. Then, select 'EDIT TEMPLATES' from the dropdown. Then, select 'Navigation / Breadcrumb Templates' and then finally the 'navbar' template.
3.	Add this code near the rest of the JavaScript:
	function launchChat(url) { myWindow = window.open(url,'name','height=407,width=650,status=1'); if (window.focus) { myWindow.focus(); } return false; }
4.	Find: <td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td> Add after: <td class="vbmenu_control"><a href="./ChatRoom_fixedvB.html" onclick="return launchChat('./ChatRoom_fixedvB.html')">Chat</a></td>
5.	Edit the main 'FORUMHOME' template (found under 'Forum Home Templates' category). Find this code:
	<if condition="$show['upcomingevents']">
	Add before: <!-- Flasherize ChatRoom --> <tbody> <tr> <td class="thead" colspan="2"> ChatRoom Statistics </td> </tr> </tbody> <tbody> <tr> <td class="alt2"><img src="$stylevar[imgdir_misc]/stats.gif" alt="ChatRoom" border="0" /></td> <td class="alt1" width="100%"><iframe src="../ChatRoom/ssi.php" marginheight="0" marginwidth="0" allowtransparency="true" background-color="transparent" frameborder="0" style="height: 50px; width: 92%"></iframe></td> </tr> </tbody> <!-- Flasherize ChatRoom -->

.

.

.

.

.

.

.

Flash Chat Room

, Copyright © 2005-2008 OnClick Solutions Ltd