ubiquitour.com

Cómo hacer una película de Flash como fondo

Utilizando una película de Flash como fondo abre muchas puertas en la creación de páginas web HTML y CSS. El truco es usar el "z-index" propiedad que especifica el orden de pila de elementos. La mayor pila de pedidos estará en la parte superior y la inferior pila órdenes en la parte inferior. Órdenes de pila son determinadas por números enteros. Esto significa que en las reglas de estilo CSS se permite colocar un elemento encima de otro. Esta técnica es simple pero cuando se aplica a las jerarquías complejas puede llegar a ser complejo.

Instrucciones

1 Abra un editor de HTML como Dreamweaver o FrontPage e insertar el archivo de fondo de Flash swf. Configurar el archivo swf de Flash, como el archivo de centrado y ajuste los valores de anchura y altura.

2 Añadir "Div" contenido que se coloca sobre el archivo Flash y luego configurar el archivo CSS para aplicar el z-index.

3 Utilice el código de ejemplo siguiente para empezar. Cambiar archivo "YourFlashFile.swf" a su fondo Flash swf.

4 Usa este código HTML:

< div id = "cabecera" >

&lt;div style="padding: 30px 20px;">

&lt;h1>Image&lt;/h1>

&lt;/div> &lt;/div>

&lt;div id="content">

&lt;h1>

Lorem Ipsum < / h1 >

< p > Lorem Ipsum es un texto simplemente simulado de la impresión y composición tipográfica industria. < /p >< / div >

&lt;div id="background">

&lt;script type="text/javascript">

AC_FL_RunContent ('codebase', 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8, 0,0, 0',' ancho ', 100% ', 'altura','600 ', 'id', 'test', 'src', 'bg', 'wmode', 'transparente', 'calidad', 'alto', 'scale', 'noscale', 'salign', 'lt', 'bgcolor', '#333333', 'nombre', 'test', 'alinear', 'izquierda', 'allowscriptaccess', 'sameDomain', 'allowfullscreen', 'true', 'pluginspage', 'http://www.macromedia.com/go/getflashplayer', 'movie', 'bg'); final código AC

&lt;/script>

&lt;noscript>

&lt;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="100%" height="600" id="test">

< nombre de param = "allowScriptAccess" value = "sameDomain" / >

&lt;param name="allowFullScreen" value="true" />

&lt;param name="wmode" value="transparent" />

&lt;param name="movie" value="bg.swf" />

&lt;param name="quality" value="high" />

&lt;param name="scale" value="noscale" />

&lt;param name="salign" value="lt" />

&lt;param name="bgcolor" value="#333333" />

&lt;embed wmode="transparent" quality="high" scale="noscale" salign="lt" bgcolor="#333333" width="100%" height="600" name="test" align="left" allowscriptaccess="sameDomain" allowfullscreen="true" type="application/x-shockwave-flash"

pluginspage = "http://www.macromedia.com/go/getflashplayer" / >

< / objeto >

&lt;/noscript>

&lt;/div>

(ver referencia 3)

5 Usa este código CSS:

cuerpo {margen: 2px; relleno: 0px; z-index: -8; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 22px; color: #000000;}

H1 {font-size: 34px; color: #333333; padding: 0px; margen: 0px; altura de línea: 34px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}

encabezado {z-index: 2; posición: relativo; top: 0px; margen: 0px auto; ancho: 400px; relleno: 0px; altura: 118px; fondo: #ffffff;} Fondo {posición: absolute; width: 100%; top: 0px; izquierda: 0px; altura: 100%;} .Clear {claro: ambos; font-size: 0px; ancho: 0px; altura de línea: 0px; altura: 0px; Mostrar: bloquear; overflow: oculto;}