Tecnología

Inicio

Cómo utilizar una película Flash como fondo

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

Instrucciones

1 Abrir un editor HTML como Dreamweaver o FrontPage e inserte el archivo de fondo Flash SWF. Establecer el archivo SWF de Flash arriba, como el centrado el archivo y el ajuste de los valores de anchura y altura.

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

3 Utilizar el código de ejemplo a continuación para empezar. Cambiado a cabo archivo "YourFlashFile.swf" a su fondo de Flash SWF.

4 Utilizar el código HTML:

<Div id = "header">

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

& Lt; h1> Imagen & lt; / h1>

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

& Lt; div id = "contenido">

& Lt; h1>

Lorem Ipsum </ h1>

<P> Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. </ P> </ div>

&lt;div id="background">

& Lt; script de type = "text / javascript">

AC_FL_RunContent ( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','100%','height','600','id','test','src','bg','wmode','transparent','quality','high','scale','noscale','salign','lt','bgcolor','#333333','name','test','align','left','allowscriptaccess','sameDomain','allowfullscreen','true','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','bg' ); // Fin código de autenticación

&lt;/script>

& Lt; noscript>

& Lt; object classid = "CLSIDS 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 =" prueba ">

<Param name = "allowScriptAccess" = "sameDomain" />

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

& Lt; param name = "wmode" = "transparent" />

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

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

& Lt; param name = "escala" = "noScale" />

& Lt; param name = "salign" value = "LT" />

& Lt; param name = "bgcolor" = "# 333333" />

& Lt; embed = calidad "transparente" embed = "alta" escala = "noScale" salign = "LT" bgcolor = "# 333333" width = "100%" height = name = "prueba" "600" align = "left" allowScriptAccess = allowfullscreen = "true" tipo "sameDomain" = "application / x-shockwave-flash"

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

</ Object>

&lt;/noscript>

& Lt; / div>

(Véase la referencia 3)

5 Utilizar el código CSS:

body {margin: 2px; padding: 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; line-height: 34px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}

cabecera {z-index: 2; position: relative; top: 0px; margen: 0px auto; Anchura: 400px; padding: 0px; altura: 118px; fondo: #ffffff;} Fondo {position: absolute; width: 100%; top: 0px; left: 0px; altura: 100%;}

.clear {clear: both; font-size: 0px; anchura: 0px; line-height: 0px; altura: 0px; bloqueo de pantalla; sobrecarga oculta;}