Kool Clip-Art Tutorials

Kool Clip-Art Kool Moves and Flash - Related Tutorials

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:

* 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.

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

In the example code below, the wmode changes are marked in red.:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0

"WIDTH="550"

HEIGHT="400"

id="myMovieName">

<PARAMNAME="wmode" value="transparent">

<EMBED src="myFlashMovie.swf" quality=high bgcolor=#FFFFFF

WMODE="transparent"

WIDTH="550"

HEIGHT="400"

NAME="myMovieName"

ALIGN=""

TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>

</OBJECT>

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*

AOL*

CompuServe*