Log in | Back to darenet.org

WebChat

m (Step 1)
m
Line 1: Line 1:
-
Here's a quick and easy guide to 'embedding' DareNET's [http://webchat.darenet.org WebChat] (based on [http://www.qwebirc.org qwebirc]) on your own website, allowing your users to easily connect to your channel(s)!
+
You can easily and quickly add DareNET's webchat client to your own website by using the embed wizard, which can be found from the client's main menu.
-
== Step 1 ==
+
[[Image:Webchat_mainmenu.png]]
-
Decide on the color scheme you'd like to use.
+
In this guide, we'll discuss the different options in more detail, and how site owners can customize the client's color to more closely match their site's look and feel.
-
 
+
-
The webchat client currently allows you to choose from a 360 degree range of hues (using the HSB/HSL encondings of RGB), an illustration of which is shown below. Users can also easily change their hue by using the color slider found within the options menu. However, as a site owner you can use a pre-defined hue for your embedded client, to more closely match your site.
+
-
 
+
-
'''Hue Color Scale:'''<br>
+
-
[[Image:Huescale.png]]
+
-
 
+
-
The hue is specified (using the range 0 to 360) in the URL using the 'hue' parameter. For example: <code>http://webchat.darenet.org/?hue=100</code>
+
-
 
+
-
Here are some examples of different hues:<br>
+
-
[http://webchat.darenet.org/?hue=0 0] - [http://webchat.darenet.org/?hue=60 60] - [http://webchat.darenet.org/?hue=100 100] - [http://webchat.darenet.org/?hue=200 200] - [http://webchat.darenet.org/?hue=300 300]
+
-
 
+
-
You can play around with different hues by changing the number after the 'hue' parameter in the URL. Once you have decided on a hue, write the number for it down. We'll use it a bit later in the code you'll be using on your site.
+
-
 
+
-
== Step 2 ==
+

Revision as of 10:58, 27 July 2009

You can easily and quickly add DareNET's webchat client to your own website by using the embed wizard, which can be found from the client's main menu.

Image:Webchat_mainmenu.png

In this guide, we'll discuss the different options in more detail, and how site owners can customize the client's color to more closely match their site's look and feel.