jueves, 30 de diciembre de 2010

Más fuegos pirotécnicos para el blog

Si te gustó la entrada anterior sobre los fuegos pirotécnicos en el blog usando un script, seguramente te gustará aun más esta opción que me ha compartido Emilio, pues las luces artificiales están hechas en Flash por lo que tiene una animación más vistosa y colorida.

Puedes ver el demo en este blog de pruebas.

Para colocarlo en el blog sólo entra en Diseño | Edición de HTML y antes de </body> pega lo siguiente:
<style>
.pirotecnicos {display:block;z-index:90;position:absolute;top:0px;left:0px;width:100%;height:900px;}
.pirotecnicos object{position:fixed;top:0px;left:0px;width:100%;height:900px;}
</style>
<div class="pirotecnicos">
<object type="application/x-shockwave-flash" data="http://dl.dropbox.com/u/647003/fireworks.swf" wmode="transparent">
<param name="movie" value="http://dl.dropbox.com/u/647003/fireworks.swf"/>
<param name="wmode" value="transparent"/>
<param name="quality" value="high"/>
</object>
</div>
Habiendo hecho esto ya podrás disfrutar de estos fuegos pirotécnicos en tu blog, pero si te preocupa la velocidad de la carga del blog (espero que sí) entonces puedes alojar el archivo flash en tu propio hosting para que así el ancho de banda de Dropbox (donde lo he alojado) no se vea afectado y no te perjudique la velocidad de la carga de tu blog.
Sólo descarga el archivo que se menciona más abajo, descomprímelo, súbelo a tu servidor y cambia las 2 URLs que están en color verde por la URL del archivo que subiste previamente.

Como estas luces son un archivo creado en formato SWF no hay muchas configuraciones que se le puedan hacer pero no habrá necesidad de hacerle nada por lo bien que están hechas y lo vistoso que se verá en tu blog.

NOTA: Las luces por defecto se mostrarán por encima de todo el blog, por lo tanto es muy posible que los links no puedan estar disponibles o que el texto no se pueda seleccionar.
Una opción para solucionar este problema es cambiar donde dice z-index:90; por z-index:-10;
Esto habilitará de nuevo todos los links y la selección de texto, sin embargo las luces se mostrarán detrás de todo el contenido por lo que no se podrán visualizar de manera completa.

Descargar | Archivo SWF

No hay comentarios:

Publicar un comentario