We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Spinchat Chatroom; By Tonyk23
Topic Started: Jan 25 2010, 10:57 AM (934 Views)
Reid
Member Avatar
È una trappola!

This topic has been moved from our official support board.

Originally posted by: Tonyk23
Spinchat Chatroom
 
Preview: HERE

Ever 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".

Posted Image

Hit "Create this Category".


STEP 2: Go to Forum Control > New Forum.

Make sure the parent directory is the "Chat" category you just created.

Posted Image

Name it "Chatroom".

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

Posted Image

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)

Posted Image

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

Posted Image

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:

Posted Image

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="" />&nbsp;<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.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Codes & Modifications · Next Topic »
Add Reply