Layer 4 copy
doc
tut
blog
forum
doc
tut
blog
forum
home

Upload your PSD file...

Take a quick look at the Guidelines to see how to prepare your PSD file


 

Please wait - we are now uploading and converting your file...

 

Wait! You can upload your PSD, but you aren't logged in! If you submit now, you won't get any of the cool Unlimited features. You'll just get plain XHTML and CSS DIVs. Create a new account to use all the great Unlimited features free for 2 weeks.

Adding flash

I want to add a flash player into a border I created in pscs3, how can I do that?

Hi Anari -

Hi Anari -

That works fine. There are a couple ways to do that with psd2css Online now. I'd suggest making a layer that is nothing more than a simple rectangle of exactly the same size as your flash animation. Name it with the '_empty' naming convention. Then in the generated HTML from psd2css Online you will see something like:

    < !-- This is 'forflash_empty' -->
    < div id="Layer-2" >
    < /div>

and you can just put the < object> tag from Flash inside that div like so:

    < !-- This is 'forflash_empty' -->
    < div id="Layer-2" >

< object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
 width="550" height="400" id="MyCoolFlash" align="middle">
< param name="allowScriptAccess" value="sameDomain" />
< param name="movie" value="MyCoolFlash.swf" />
< param name="quality" value="high" />
< param name="bgcolor" value="#ffffff" />
< embed src="MyCoolFlash.swf" quality="high" bgcolor="#ffffff" width="550" height="400" 
name="MyCoolFlash" align="middle" allowScriptAccess="sameDomain" 
type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/go/getflashplayer" />
< /object>

    < /div>

Oh - but be aware - you cannot define layers on top of the flash animation layer in your PSD file. Well, you can define them, but Adobe Flash sort of 'takes over' the display and will disregard the z-index value for the CSS layers. The flash animation will ALWAYS be displayed on top of all your CSS layers regardless of z-index or how they are defined in the PSD file.

@shaun: with a flash player

@shaun: with a flash player higher than 6, this should be possible, here a tutorial i found yesterday, i hope it will help you ;-)
http://www.communitymx.com/content/article.cfm?cid=E5141

Wow - Excellent reference,

Wow - Excellent reference, uzicoppa!

In fact, looking a little closer (now that I know what I'm looking for), in Flash 8 at least in the Publish Settings under the HTML tab you get exactly those options for Window Mode.

Thanks!

Changed flash to opaque mode then published... help

I changed the mode to opaque as described, Currently I am using the CSS with z-index. The entire menu it laid out in such a way that the flash movie is playing beneath it or at least that is what I am trying to do. sugesstions?

Demo

Hey bspahr -

I made an example showing the technique. Find it here:
http://psd2cssonline.com/tutorials/flash/index.html

--
Shaun

copyright (c) 2009 psd2css Online, Inc.

 

 

User login

Become a Fan of our Facebook Page

Need help or have a question?
support@psd2cssonline.com

| Privacy | Terms of Use |

copyright (c) 2008, 2009, 2010, 2011 psd2css Online, Inc.
Patent Pending

Syndicate content