Preview:
HEREEver thought of getting your own personal chat area to have with your members? Well, I found a way you can! Just follow these instructions:
Please note that I am not responsible if this does not work. It is not my code.
STEP 1: Login to your Admin CP.
Go to Forum Control > New Category.
Name it "Chat".

Hit "Create this Category".STEP 2: Go to Forum Control > New Forum.
Make sure the parent directory is the "Chat" category you just created.

Name it "Chatroom".
Leave the main options and go all the way to the bottom to "Permissions".

Enable Read permissions only for your registered members, admins, etc.
Hit "Create this Forum".
STEP 3: Go
here and fill in the information.
NOTE: If you want to make your chatroom only accessable by your members at any time, you must type your own custom roomname on the next page.
After you've finished, click "Next" and you will be given a code. Copy this code.
STEP 4: Go to Forum Control > Manage Forums.
Find the forum you just created ("Chatroom") and click the orange triangle beside it. (Forum Rules)

Now paste the code that you obtained from SpinChat.com into this box. Do as shown below:

Make sure your options are the same as above. Before you continue, find something that looks like this:
- Quote:
-
"http://www.spinchat.com/cb/start?chn=talk;srv=1;cat=2;id=RBnFyH8AAAEAACC985A;st=1;w=640;h=480;url='+escape(location)+'" width="640" height="480" border="0" frameborder="0"
Copy this URL.
Now find:
- Quote:
-
<a href="http://www.spinchat.com/">Get your own chatbox on Spinchat.com!</a>
and replace the SpinChat URL inside the arrows with what you just copied.
Hit "Edit Forum Rules".
STEP 5: Go to Chat > Chatroom manually from your forum.
You should see your "Chat" link like this:

Right-Click this link and copy its URL.
Make sure you keep this saved somewhere so you don't loose it.
STEP 6: Go to Skinning & Styles > Board Wrappers.
Click "Edit".
Find the <% BOARD %> Tag and paste this right below it:
- Quote:
-
<script>
var aLink=new Array()
aLink[0]='<img src="http://img91.imageshack.us/img91/9835/msn5xb.gif" border="0" alt="" width="13" height="22" /> <a href="CHAT ROOM LINK">Chat</a>'
var uCell = document.getElementsByTagName('TD')
for (i=0;i<uCell.length;i++){
if (uCell.align=="right" && uCell.innerHTML.match("act=calendar") && uCell.innerHTML.match("act=Help")){
var addLink=""
for (j=0;j<aLink.length;j++){
addLink+=aLink[j]+" "
}
uCell.innerHTML=addLink+uCell.innerHTML
}}
</script>
STEP 7: Replace the red with the URL you just copied.
Hit "Edit Wrapper".
You're almost done! One more step.
STEP 8: Go to Forum Control > Manage Forums.
Look for the category you created called "Chat" and click the "Edit" button.
From the drop-down menu, change the category state to "Hidden from forum list-can access via url if known".
Enjoy your CHATROOM!!!
Optional: If you want to create a link to your chatroom in your navigation bar, all you have to do is insert this code in whatever order you wish for your chat icon to appear:
- Quote:
-
var aLink=new Array()
aLink[0]='<img src="ICON URL GOES HERE" border="0" alt="" /> <a href="INSERT URL FROM STEP 5">Chat</a>'
Replace the first in red with a link to an icon of your choice, and replace the second in red with the URL from Step 5.
If this does not function properly for your board, please let me know so I can make this code better. Thanks.