Toxic2
12-20-2009, 10:00 PM
A very easy to Make widget for a Chat Box in CMS. RC-4
Edit: Works with Gold 4.0 Edition.
The reason I made this Widget was to have a Chat box for my Site. It is a Temporary solution until a expert Coder develops a Ajax or more elaborate Chat system.
This was really easy to do and the code is a freebie From widget Me, So I tried it 2 or 3 different ways and it works fine.
I have My Site redirected in the Host Cpanel to the Home page (CMS) This way all will see the Chat or announcements In the chat window.
Can be Made to fit 1 column 2 or 3
For those who haven't quite got the hang of Layouts and widgets, I will try to give a Simple How to:
1) In the ACP goto ---> CMs---> Widgets
Make a new widget and name it Chat Box or your Domain Chat Box Make it a Static HTML Save it.
2) In Widgets find your named Chat Box and Click Configure and add the Code below and Save. ( You Can Resize it as you see fit in configure as well as add Colors)
3) In CMS goto ---> Layout manager and Place the Widget where you Like. It is completely customizable in size and color.
You Can See the Optional Layouts in the Screen Shots.
Demo to see it live. HERE (http://asianfuflix.com/forum)
As I said, it is a temporary Soulution and I needed it today.
Example Code to Insert in the Widget go to Outside Link provided to get a personal User ID
<!-- Start http://chat.widget.me HTML Code -->
<script type="text/javascript">
<!--
// The base configurations of the chat widget
// You can change colours and sizes by editing
// Sizes in pixel
// Window width
chat_width="575";
// Window height
chat_height="125";
// Window border size
chat_border="2";
// Colours in hexadecimal
// Window border colour
chat_border_col="C0C0C0";
// Background colour
chat_bg_col="FFFFFF";
// Font type
chat_text_font="Helvetica, Verdana, Geneva";
// Text colour
chat_text_col="000000";
// Font size
chat_text_size="10pt";
// Break line colour
chat_break_col="C0C0C0";
// External CSS file
chat_css="http://";
// Stop change
// Happy chatting
chat_uid="XXXXX"; *** go to outside Link Provided to get your personal User ID ***
This is an example of the Code you will get, It will show up automatically when you get there, Copy and Paste it in your Widget.
//-->
</script>
<script type="text/javascript" src="http://chat.widget.me/chat.js"></script>
<!-- End http://chat.widget.me HTML Code -->
NOTE: The size in the Code is to fit the Demo Shown, you will have to r-size to your own Taste. :)
Please Click Installed to let me Know if this was useful to you
Outside Link HERE (http://shoutbox.widget.me)
There is a Floating Chatbox for all your templates (Sits at Bottom) But I prefer not to do Template edits. Another reason this will do for the Time Being.
If You Try it Let me know how it worked for you.
Edit: Works with Gold 4.0 Edition.
The reason I made this Widget was to have a Chat box for my Site. It is a Temporary solution until a expert Coder develops a Ajax or more elaborate Chat system.
This was really easy to do and the code is a freebie From widget Me, So I tried it 2 or 3 different ways and it works fine.
I have My Site redirected in the Host Cpanel to the Home page (CMS) This way all will see the Chat or announcements In the chat window.
Can be Made to fit 1 column 2 or 3
For those who haven't quite got the hang of Layouts and widgets, I will try to give a Simple How to:
1) In the ACP goto ---> CMs---> Widgets
Make a new widget and name it Chat Box or your Domain Chat Box Make it a Static HTML Save it.
2) In Widgets find your named Chat Box and Click Configure and add the Code below and Save. ( You Can Resize it as you see fit in configure as well as add Colors)
3) In CMS goto ---> Layout manager and Place the Widget where you Like. It is completely customizable in size and color.
You Can See the Optional Layouts in the Screen Shots.
Demo to see it live. HERE (http://asianfuflix.com/forum)
As I said, it is a temporary Soulution and I needed it today.
Example Code to Insert in the Widget go to Outside Link provided to get a personal User ID
<!-- Start http://chat.widget.me HTML Code -->
<script type="text/javascript">
<!--
// The base configurations of the chat widget
// You can change colours and sizes by editing
// Sizes in pixel
// Window width
chat_width="575";
// Window height
chat_height="125";
// Window border size
chat_border="2";
// Colours in hexadecimal
// Window border colour
chat_border_col="C0C0C0";
// Background colour
chat_bg_col="FFFFFF";
// Font type
chat_text_font="Helvetica, Verdana, Geneva";
// Text colour
chat_text_col="000000";
// Font size
chat_text_size="10pt";
// Break line colour
chat_break_col="C0C0C0";
// External CSS file
chat_css="http://";
// Stop change
// Happy chatting
chat_uid="XXXXX"; *** go to outside Link Provided to get your personal User ID ***
This is an example of the Code you will get, It will show up automatically when you get there, Copy and Paste it in your Widget.
//-->
</script>
<script type="text/javascript" src="http://chat.widget.me/chat.js"></script>
<!-- End http://chat.widget.me HTML Code -->
NOTE: The size in the Code is to fit the Demo Shown, you will have to r-size to your own Taste. :)
Please Click Installed to let me Know if this was useful to you
Outside Link HERE (http://shoutbox.widget.me)
There is a Floating Chatbox for all your templates (Sits at Bottom) But I prefer not to do Template edits. Another reason this will do for the Time Being.
If You Try it Let me know how it worked for you.