Html Logo top left above 100% flash movie [Archive]

View Full Version : Html Logo top left above 100% flash movie

Darrenmtay

March 11th, 2009, 06:42 AM

Hi,

I have a 100% flash site that I would like to layer a png logo above. I would like the logo to appear top left of the window at all times, above the flash movie.

I have looked online for hours and found wmode tips, etc but I'm a beginner coder and am unsure of how to piece it all together.

I created the flash index.html page within flash CS3, using publish settings and would like some step by step info or guidance on how to achieve the logo png. layer above the movie.

Thanks and here is my flash code:

<html xmlns="http://www.w3.org/1999/xhtml (http://www.w3.org/1999/xhtml)" xml (http://www.flashmove.com/forum/showthread.php?t=35629#):lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>index</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<style type="text/css">

</style>
<body bgcolor="#ffffff">




<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '100%',
'height', '100%',
'src', 'home',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'noscale',
'wmode', 'opaque',
'devicefont', 'false',
'id', 'home',
'bgcolor', '#ffffff',
'name', 'home',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'home',
'salign', 'lt'
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/s...ersion=8,0,0,0 (http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0)" width="100%" height="100%" id="home" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="home.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="lt" /><param name="wmode" value="opaque" /><param name="bgcolor" value="#ffffff" /> <embed src="home.swf" quality="high" scale="noscale" salign="lt" wmode="opaque" bgcolor="#ffffff" width="100%" height="100%" name="home" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application (http://www.flashmove.com/forum/showthread.php?t=35629#)/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer (http://www.macromedia.com/go/getflashplayer)" />
</object>
</noscript>
</body>
</html>

GrndMasterFlash

March 11th, 2009, 04:45 PM

in your html

<div style="z-index:2; position:fixed; top:0px; left:0px">
<img src="ur_image.png"/>
</div>

i think that'll do it ;)

Darrenmtay

March 12th, 2009, 12:40 PM

That's great, thanks. Would this code be positioned as shown below?

<html xmlns="http://www.w3.org/1999/xhtml (http://www.w3.org/1999/xhtml)" xml (http://www.flashmove.com/forum/showthread.php?t=35629#):lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>index</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<div style="z-index:2; position:fixed; top:0px; left:0px">
<img src="ur_image.png"/>
</div>
<style type="text/css">

</style>
<body bgcolor="#ffffff">




<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'width', '100%',
'height', '100%',
'src', 'home',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'noscale',
'wmode', 'opaque',
'devicefont', 'false',
'id', 'home',
'bgcolor', '#ffffff',
'name', 'home',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'home',
'salign', 'lt'
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/s...ersion=8,0,0,0 (http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0)" width="100%" height="100%" id="home" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="home.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="lt" /><param name="wmode" value="opaque" /><param name="bgcolor" value="#ffffff" /> <embed src="home.swf" quality="high" scale="noscale" salign="lt" wmode="opaque" bgcolor="#ffffff" width="100%" height="100%" name="home" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application (http://www.flashmove.com/forum/showthread.php?t=35629#)/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer (http://www.macromedia.com/go/getflashplayer)" />
</object>
</noscript>
</body>
</html>

Darrenmtay

March 12th, 2009, 02:22 PM

Haha.

Got it working by using the suggested code using 'absoulte' rather than fixed.

Thanks again