Solved

Need tree flash menu to expand outside of table.

Posted on 2008-06-09
5
500 Views
Last Modified: 2010-04-29
I have a menu I am happy with in flash. I'm building it based on this www.extendstudio.com but when i stick in the cell it stays confined to the cell dimensions. I need the tree to expand outside the cell and overtop the page. Can this happen? I've messed with every combination of settings in the Publish window (Transparent Windowless, etc...).
You can see what I'm on about if you go here. http://www.blitzprint.com/frontlist/content/menu.html

I'm sure there are 100's of better ways to do this, so I'm all ears, but if I can use the menu I've already paid for that would be the coolest.

Cheers

Pete
0
Comment
Question by:Greglan
  • 3
  • 2
5 Comments
 
LVL 14

Expert Comment

by:tomaugerdotcom
ID: 21747283
You know, it seems to me like you're 80% of the way there.

If you put your Flash into its own DIV, which you then turn into an absolutely-positioned div (position:absolute;) which you then place precisely over the area, make sure your Flash export settings are transparent, you should be good to go.

If that doesn't work, and you're getting frustrated, why not go back to old-school styles? Take a screen snapshot of your web page, place it precisely in your flash document - so that when the flash SWF is placed over top of your HTML you can't tell that it's opaque, because you've reproduced the rounded-corner frame behind it. Heck, you could even draw that rounded-corner box in Flash instead of going with a pixel-based screenshot if you want.

But I think you should definitely try the AP div option with transparent background first.

T
0
 

Author Comment

by:Greglan
ID: 21747528
OK, so now I'm 90% there. The DIV was a good idea and seemed to do the trick. I just need to force the background of the movie transparent. My flash publishing settings for HTML are  "Transparent Windowless" but it keeps giving me a background. I get a light grey regardless of that i pick in flash ehen publishing. Can I force it somehow?

Pete
0
 
LVL 14

Expert Comment

by:tomaugerdotcom
ID: 21747557
What version of Flash and what version of FlashPlayer are you running?
0
 
LVL 14

Accepted Solution

by:
tomaugerdotcom earned 125 total points
ID: 21747646
So, I published a really silly little Flash button from CS3 as a FlashPlayer 9 SWF. Then I inserted it into a little HTML file that I made that has a coloured box with the Flash over it.

See below for the code. I created the code in DreamweaverCS3, but you should be able to copy and paste this into your doc, with a few changes...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<style type="text/css">

	div#box { width:100px; height:500px; background:red; }

	div#flash { position:absolute; top:10px; left:10px; }

</style>

</head>
 

<body>

	<div id="box">test</div>

	<div id="flash">

		<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','300','height','300','src','transp','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','transp' ); //end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="300">

			<param name="movie" value="transp.swf" />

			<param name="quality" value="high" />

			<param name="wmode" value="transparent" />

			<embed src="transp.swf" width="300" height="300" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>

		</object>

</noscript>

	</div>

</body>

</html>

Open in new window

0
 

Author Closing Comment

by:Greglan
ID: 31465548
Wicked, the DIV combined wth the wmode transparent worked great.
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Package creation on OS X uses the PackageMaker utility installed as part of the XCode development suite ( on the OSX Client CD).  Packages can be installed as part of the machine build process, or later using Apple Remote Desktop. They are generally…
Steve Jobs once said that Blu-ray is "a bag of hurt". As Macs users well known, things haven’t settled down (at least not from Apple’s perspective). Several years after that comment, Mac OS X still doesn’t support Blu-ray playback, nor has any Mac s…
Users will learn how resize a batch of photos from a single command in Photoshop via Photoshop's Image Processor. Open up an Image you'd like to resize in Adobe Photoshop: Adjust the image size according to your preferences. Image > Adjustments > …
Users will learn how to set proper sequence settings, scale images, paste attributes, add transitions, fades, and music. Open up Final Cut Pro 7 and Create a new Project: Set the Sequence Settings. a) Click File > Easy Setup > Format > Apple ProRe…

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now