8. LG Chat (v3.0)

SEE LG CHAT VERSION 4: http://www.avacweb.com/t91-14-lgchat-version-4

LGchat V3.0 - Better Than Ever
SEE LG CHAT VERSION 4: http://www.avacweb.com/t91-14-lgchat-version-4
(LGchat v3.0 is only available to those who register in this forum. If you do not wish to register, then only v1.0 and v2.0 are available)

So if you have LGchat installed on your forum, then this version will provide you with one even better. If you haven't got LGchat installed on your forum, then i suggest you do using this tutorial.

First of all, as much as it is a pain, you will need to uninstall your current version of LGchat.
Delete the CSS, the HTML and the Javascript.

Things this version includes:
- The button will glow orange if you have the chat closed and a new message is entered.
- When a new message is entered a sound will play, so you'll know when your on another tab.
- The option to turn off sound.
- and of course the online count. This tutorial installs the online count which looks like this: (0/0). If i have any requests for the other styles of membercount number i'll do it, but for now im foing this type because i know that is what most use.

Okay, so first of all, you'll need somewhere to put the HTML.
So you'll need to make a decision between stuff like Widgets, Homepage Message, Announcements etc...

Once chosen a place, here is the HTML you'll need to enter:
[noguest]

Code:


codes removed. Please see version 4.


[/noguest]

Then of course click Save.
Now head to your CSS. (display>colors>css)

And put this:

Code:


Code removed. Please see version 4.

Its all laid out nicely to go with the new syntax update

Thirdly, you'll need the Javascript.
So head to Modules>Javascript Management, and create a new Javascript File.

Put this in the new Javascript File:
[noguest]

Code:


Code removed. Please see version 4.


[/noguest]
Set it to all pages if you plan to have your chatbox in all pages. Or just the homepage if you have it on only the hompeage (makes sense really).

Near the start you will see bits in capitals. There you will have to fill in your colors. The first one, you need to fill in as the regular background color for chat button. You'll find this in the provided CSS under '.wmenu', and set it to whatever you want in both places.

The second bit in capitals is the color you want the button to change to when a new message has been entered into the chatbox. Personally i recommend just typing orange there.
For it to work, you must keep the quote marks there and the semi colon at the end of the line.

After having the CSS, HTML and Javascript all saved and installed correctly, i don't see any reason why you shouldn't have LGchat v3.0

Enjoy

This is great! But something I always wanted was maybe different chat rooms people can create and join. That would be perfect for people with large forums!

This is so awesome Thx for sharing

This feature is absolutely amazing

Is there a way to make the Chatbox "Without Archives" on default???

Find this in the HTML part:

Code:


src="/chatbox/index.forum?archives=1

and get rid of the '?archives=1' bit.

And thank you

Great! Thanks so much

Your welcome. Remember to look through the code. It is a great example of accessing data and elements within an Iframe.

is there any way to remove the timeout? so members stay online?

Nope afraid not.

I always said I would add this, but I thought it would take forever to install! I guess that's just me being scared of big ammounts of words..
however I LOVE it, installation was very easy.

one question, how can we have a border like the LG chat you have on here?

EDIT: also, Im not sure where I should put my first code, I had it working but only on Homepage. I would like it on every page but Homepage message is only for homepage and my announcements are for guests. Was there somewhere else I could put it because I don't have Forum Widgets.

You could create yourself a left sidebar, create a widget only for members (so guests don't see the chat) and then put this in your CSS to hide the sidebar :

Code:


#left { width: 0px!important;}


oh alright, now it works. and about the border around the chat?

It works, I just made a typo sorry. I installed the script exactly. It works perfect. I'm referring to the chat on here with the blue border and how we can add one.