Make lightIRC transparent

If you embed lightIRC in the transparent mode, you have a couple of advantages. A background image or color gradient from your HTML website will shine through and you can achieve a nice look. Also, the transparent mode is essential if you want to display HTML code on top of lightIRC (e.g. a profile picture, a youtube stream, a notification box).

The first step is to adjust the way lightIRC is embedded.

swfobject.embedSWF("lightIRC.swf", "lightIRC", "100%", "100%", "10.0.0", "expressInstall.swf", params, {wmode:"transparent"});

Note that the part ", {wmode:"transparent"}" has been added.

Now the CSS part. You need to use a stylesheet if you want to use the transparent mode. Pass the appropriate URL in the styleURL parameter and add background:transparent; to the lightIRC selector in your CSS file. It should look similar to this:

lightIRC {
    fontFamily:Verdana;
    background:transparent;
}

Disadvantages of the transparent mode are that the Flash Player renders its graphics a bit slower and that keyboard input with special chars is sometimes buggy (these are both Flash Player specific problems).