Sunday, August 5, 2012

Usar un archivo flash como fondo del blog

Flash background

La otra vez vimos c?mo poner un video de YouTube como fondo del blog, ahora veremos algo similar pero con un archivo SWF, es decir, veremos c?mo poner un archivo flash (SWF) como fondo del blog.
Puedes ver un ejemplo en este blog de pruebas.

Los archivos flash (SWF) son esas animaciones que se crean con programas especiales para este tipo de archivos, aunque tambi�n hay programas que permiten convertir pel?culas en estos formatos.
Por lo tanto, primero deber?s tener un archivo en flash (entre m?s grande mejor) subido a tu alojamiento, aunque mientras puedes probar con el archivo que us� en el blog de pruebas.

El procedimiento en realidad es muy sencillo ya que es s?lo un paso a seguir. S?lo ingresa a la Edici?n HTML de la plantilla, y localiza la etiqueta <body> o esta l?nea:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Justo debajo de cualquiera de ellas dos agrega este c?digo:
<object height='100%' id='fondoflash' width='100%'>
<param name='movie' value='URL del archivo SWF'/>
<param name='scale' value='exactFit'/>
<param name='wmode' value='transparent'/>
<embed height='100%' scale='exactFit' src='URL del archivo SWF' type='application/x-shockwave-flash' width='100%' wmode='transparent'/>
</object>
<style>
html {
height: 100%;
}
body {
height: 100%;
margin: 0;
padding: 0;
}
#fondoflash {
height: 100%;
z-index:-9999;
position:fixed;
margin: 0 auto;
}
</style>
Pon la URL del archivo en formato .SWF donde se indica (dos veces) y listo.
Si quieres usar el archivo del blog de pruebas puedes descargarlo aqu? y subirlo a tu alojamiento.

Este procedimiento est? probado en Internet Explorer 9, Chrome 21.0, Firefox 14, Safari 6, y Opera 12, en todos funciona sin problema.
El archivo flash se adaptar? al ancho y alto de la ventana del navegador, es decir, que ocupar? el 100% del ancho y alto de la misma, por lo tanto no se recomienda usar animaciones que tengan medidas muy cuadradas (por ejemplo 600x600) sino mas bien rectangulares (por ejemplo 1200x720) para que no se distorsione tanto.

En Softonic puedes encontrar algunos programas para la creaci?n de animaciones en flash.

No comments:

Post a Comment