Transparent Flash backgrounds	Home • Food • Mates • Members • Tutorials • Forum • Buy Templates • Contact Us

Flash Tutorial - Creating Transparent Flash Movies

Access: Free Tutorial

01: Creating a Flash Movie with a Transparent Background

1. Create a: Flash Movie
2. Place your Movie on a: Web Page

Cross Reference: If you do not know how to do this see the tutorial on: Publishing a Flash Movie

3. Open your normal web editor and go to code view so that you can see the: HTML
4. Look for the code that embeds the Flash Movie. It will look similar to this:
   
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="210">
   <param name="movie" value="webwasp-logo.swf" />
   <param name=quality value=high />
   <embed src="webwasp-logo.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="300" height="210"></embed>
   </object>
   
   
5. You need to add the lines that are in red:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="210">
<param name="wmode" value="transparent" />
<param name="movie" value="webwasp-logo.swf" />
<param name=quality value=high />
<embed src="webwasp-logo.swf" wmode="transparent" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="300" height="210"></embed>
</object>

Note: You will see several tags that start <param name= something />. Place your line of code in the same section as the other param name tags. The order of the param tags does not seem to matter.

The wmode="transparent" should go inside the embed tag as above.

6. To test your Movie you will need to view it in a Browser like Internet Explorer. It will not be visible in web editors such as Dreamweaver. So save your file and re-open in your web Browser.