Oct 04

This article assumes you have Quicktime Pro installed and the instructions providedare for use on the OS X platform although they could easily be followed on a Windowssystem as well. If you do not have Quicktime Pro there are several shareware and afew free solutions available for MOV to FLV conversion, just do a quick Google searchfor the most up to date list.

To start with you need a Quicktime MOV file to convert to Flash Video FLV. Simplyopen your MOV file in Quicktime Pro.

In the Quicktime menu choose “File” then “Export” and you will be provided with amenu.

You can click the “Options” button to get to advanced encoding options…

Once you click OK the FLV file will be created and saved in the location you specified.Simply drag this file and drop it on the “Flash 8″ icon in your applications folderor on your dock. You can also open it directly through Flash via the import videomenu.

 

When you drop the FLV file into Flash 8 you will be presented with an “Import Video”dialog.

Choose “Continue”

For general web viewing you will choose “Progressive download from a web server”

The “Skinning” section lets you choose from various skins to use as controls for yourvideo clip. You can choose different ones or use custom controls from a URL.

Click “Continue” the “Finish”

Your final output will show and you can modify it in Flash 8.

 

 

Jan 05

When you have Flash content in your site by default it has an unlimited z-index asdoes OBJECTS and SELECTS in HTML.

The problem with this arises when you have DHTML elements such as dropdown navigationor floating layers that must appear on top of the Flash elements but instead are coveredor seem to “go behind” them.

I was able to alleviate this issue by adding WMODE to the Flash objects definition.

To edit an existing HTML page, add the WMODE parameters to the HTML code.

  1. Add the following parameter to the OBJECT tag:
    <param name="wmode" value="transparent">
  2. Add the following parameter to the EMBED tag:
    wmode="transparent"

Further details and demonstration can be found on Adobe'swebsite:http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201

>

Jul 31

How would you like to have a DIV display and error message whileat the same time the rest of the site is grayed out?

How about popup DIVs with information in them that are also transparent?

In your CSS code for your div add the following:

filter:alpha(opacity=90);
You can use javascript to determinethe width and height of a page and then set you DIV to the size of the page with az-index less than that of your error message DIV (centered on the page) and viola!You have a message box DIV with the rest of the background greyed out.
This can also be applied to DIV set as popupDIV for information purposes.
For information on applying this to informationboxes see the link below. There is also information on the linked site regarding dropshadows for DIVs.
http://www.codeproject.com/jscript/transparentpopup.asp
Additional drop shadow information (divs andtext):
http://phoenity.com/newtedge/drop_shadow/
http://www.hypergurl.com/cssshadowfilter.html
http://kryogenix.org/code/browser/aqdropshadow/

>