Kool Clip-Art    Kool Moves and Flash - Related Tutorials

            All .fun files presented on this site are original works made with Kool Moves © 2004 Propellerhead-Graphix, PO Box 14, Capac, MI, 48014


Transparent Background
Transparent Background
How to display a Kool Moves movie with a Transparent Background. (IE)
Learn how to prepare your html page to display your movie in windowless mode.
Your Kool Moves movie can be placed on a web page within a  layer with the background set to transparent allowing your HTML page background color, text, or images to show through. Unfortunately,  Kool Moves does not generate the code to do this like Flash MX, so you must prepare your html page manually. Accomplish this task in a few easy steps:
Add the following parameter to the OBJECT tag:

<PARAMNAME="wmode" value="transparent">
Add the following parameter to the EMBED tag:

* Macromedia Flash Player version 6,0,65,0 (Windows) or 6,0,67,0 (Macintosh) or higher are required to use this feature.

* Using windowless mode can affect your movie  performance. If fastest performance is your top priority, you may  want to consider             other design options.

By placing your movie within an html  layer, Wmode allows you to view existing content on your HTML pages through the background of your Kool Moves movie. The flash movie that contains this image is a see through oval with a white background placed OVER the black text of this HTML page. If you are viewing this page using the proper configuration, you should be able to read this message. If not, you would only see a pink oval.
Place your html code onto your html page..
The tutorial above may involve the use of some actionscript, html, and the like, but are not necessarily intended to teach them. These tutorials are intended to familiarize new users to the Kool Moves interface and contain simplified examples of how to perform specific tasks in Kool Moves as they would relate to the use of materials from this site. Suggested examples contained within these tutorials may not necessarily be the "best" way to accomplish a task, but they do accomplish the job at hand. These tutorials are not an attempt to copy already existing tutorials. In some instances, more detailed tutorials on actionscript and the use of the Kool Moves tool are available at the Support page on the Kool Moves web site.
Note: Before you can add wmode to your html page, you must have the proper html code to place the movie on your web page in the first place. To obtain and learn how to configure the correct html code for use with this tutorial, open the Kool Moves Help file, click on the Search tab, and search for "Add to Web Page details". Once you have your code, come back and complete this tutorial to insert the wmode modifications. The tutorial below requires that you have a basic understanding of the html code that places your movie onto a web page
Note: Windowless mode is most widely supported by Internet Explorer. Please read below for more details.
In the example code below, the wmode changes are marked in red.:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase=",0,40,0
<PARAMNAME="wmode" value="transparent">
<PARAM NAME=movie VALUE="myFlashMovie.swf">
<PARAM NAME=quality VALUE=high>

<EMBED src="myFlashMovie.swf" quality=high bgcolor=#FFFFFF
TYPE="application/x-shockwave-flash" PLUGINSPAGE=""></EMBED>
Here is the current browser support break down:

Internet Explorer 3 or higher (for Windows)
Internet Explorer 5.1* and 5.2* (for Macintosh)
Netscape 7.0*
Mozilla 1.0 or higher*