14, February 2012

Make objects (images-texts)appear over flash on your page! - webmaster forum

 
Webdigity webmaster forums
[ Home | Help | Search | Forum's Shop | Archive | Login | Register | Webmaster Directory ]
Webdigity Webmaster Forums  >  Design and Layout  >  Graphics & Multimedia  >  Macromedia Flash & Actionscript (Moderator: Meth0d)
Topic: Make objects (images-texts)appear over flash on your page!
« previous next »
Pages: [1] Print
Instabuck - The easy way to sell digital products online

Author Topic: Make objects (images-texts)appear over flash on your page!  (Read 2413 times)
Spam is yummy.
****
Gender: Female
Posts: 212
30 credits
Members referred : 0


Nothing Last Forever...


« on: Mar 27, 2006, 08:32:00 pm »

Have you tried to make objects images and texts appear over a flash onto your page but it never worked? After many tryouts the solution is here !

THIS WORKS ON MOZILLA & IEXPLORER
 
 
Step1) In your publish settings in Flash (File/Publish Settings) make sure to set the Window Mode to "Transparent Windowless"
           (this is important) then publish the .html file to get the embed code.
 
Step 2) Use 1 div tag to hold the flash movie, this z-index will be set at 1 (z-index is the stacking order)
 
<DIV ID="flashMovie" STYLE="position: absolute; top: 27px; left: 21px; width: 478px; height: 149px; z-index: 1;">
    <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="470" height="150">
    <param name="movie" value="TESTMOVIE.swf">
    <param name="quality" value="high">
    <PARAM NAME=wmode VALUE=transparent>
    <embed src="testttttt.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
      type="application/x-shockwave-flash" wmode="transparent" width="470" height="150">
    </embed>
   </object>
 
<!--Flash Embed Code Here-->
 

Step3) Text or menu  DIV TAG that is put above flash,  must have z-index2 :
 
</DIV>
  <div id="Layer1" style="position:absolute; left:184px; top:55px; width:469px; height:110px; z-index:2">
<p>TEST TEXT  IS OVER HERE</p>
</div>
 
 
 
If it doesnt work right for you you can use the exact code that works on my webpage:
(just replace    testttttt.swf  with your swf!!!...)
 
Code:
</head>
<body>
<DIV ID="flashMovie" STYLE="position: absolute; top: 27px; left: 21px; width: 478px; height: 149px; z-index: 1;">
<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="470" height="150">
    <param name="movie" value="testttttt.swf">
    <param name="quality" value="high">
<PARAM NAME=wmode VALUE=transparent>
    <embed src="testttttt.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" wmode="transparent" width="470" height="150">
</embed>
  </object>

<!--Flash Embed Code Here-->

</DIV>
  <div id="Layer1" style="position:absolute; left:184px; top:55px; width:469px; height:110px; z-index:2">
    <p>TEST TEXT  IS OVER HERE TEST TEXT  IS OVER HERE TEST TEXT  IS OVER HERE</p>
   
</div>
</div>
</body>
</html>


I HOPE IT IS USEFUL!
 
Many thanks to G.SFyk Shocked)

...Even cold November Rain

I am a metal monkey!
Administrator
Community Supporter ?
Jedai Sword Master
*****
Gender: Male
Posts: 5779
46271 credits
Members referred : 3



« Reply #1 on: Mar 27, 2006, 08:35:28 pm »

Thanks for sharing that Valkyrie Smiley

Thread moved to the Flash section.

Trial and Error my two best teachers Cool
Join us @ facebook or twitter

Last blog : Butterfly Marketing 2.0
Trackback URI for this entry : http://www.webdigity.com/trackback.php?topic=2025
Bookmark this thread : Digg Del.icio.us Dzone more....

Pages: [1] Print 
Webdigity Webmaster Forums  >  Design and Layout  >  Graphics & Multimedia  >  Macromedia Flash & Actionscript (Moderator: Meth0d)
Topic: Make objects (images-texts)appear over flash on your page!
« previous next »
Jump to:
User Area
Welcome, Guest. Please login or register.
Did you miss your activation email?
Feb 14, 2012, 05:15:40 am





Login with username, password and session length

Donate to our community, and get a permanent link back to your site!

Donate to our community, and get a permanent link back to your site!






Web Design Gallery · Whois Lookup · Pagerank · Tag Browsing · Lo-fi version · Syndication · Webmaster forum history · Advertise
Developed by HumanWorks © 2005 - 2012 Webdigity webmaster community · sublime directory
Webdigity Webmaster Forums | Powered by SMF 1.0.12. © 2001-2005, Lewis Media. All Rights Reserved.