Flash pagina completa

chidotaku · #1 (**permalink**) 20/07/2010, 00:49

Hola sucede que siempre realizo paginas en flash pero en un cuadro

ejemplo

muebleschocolate.com

cafegalilea.com

Pero ahora me surgió la necesidad de tener que hacer una pagina web que abarque todo el ancho del explorador y no se como, ya probé poniéndole en el código en la parte de width y height 100% en ambos y nada por mas que hago el flash de mayor tamaño siempre deja un espacio y no se como le hacen otros para hacer que ocupe todo el ancho, si sabe alguien por favor se los agradeceria.

liepzingsystem · #2 (**permalink**) 20/07/2010, 02:11

¿Qué tal, chidotaku?

Primero, pon este código en tu documento HTML entre las etiquetas <head> y </head>:

Código Javascript:

Ver original<script type="text/javascript" src="java/swfobject.js">
</script>

Descarga de internet el archivo "swfobject.js" y ponlo en una carpeta llamada "java". Luego de la línea anterior, agrega las siguientes:

Código CascadeStyleSheet:

Ver original<style type="text/css"> 
    
    html {
        height: 100%;    
        overflow: hidden;
    }
    
    #flashAnimation {
        height: 100%;
        color: #/*el que sea/*;
        background-color:#/*el que sea/*;
        text-align:center;
    }
 
    body {
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #/*el que sea/*;
    }
    
    .adobe {
    border: none;
    }
 
</style>

Reemplaza los valores "#/*el que sea/*" por algún color. Ej.: #FFFFFF
Ahora, vamos a los atributos de tu película:

Código HTML:

Ver original<div id="flashAnimation">
<br />
Para ver esta pagina necesita tener instalado el Plugin de Adobe Flash y JavaScript activado en su navegador.
<br />
<br />
<br />
<a href="http://www.adobe.com/go/getflashplayer">
    <img class="adobe" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Descargar Adobe Flash player" />
</a>
<br />
</div>
    <script type="text/javascript">
        // <![CDATA[
        
        var so = new SWFObject("flash.swf", "flashAnimation", "100%", "100%", "10", "#000000");
        so.addParam("scale", "noscale");
        so.addParam("menu", "false");       
        so.write("flashAnimation");
        
        // ]]>
    </script>

En lugar de "flash.swf" ponle el nombre que corresponde. ¡Eso es todo! Ya debería aparecer del tamaño de toda la pantalla. De todos modos, si quieres puedes darte una vuelta por acá donde tengo un SWF de toda la pantalla. Así podrás ver más o menos cómo será el resultado.

Saludos y buena suerte.

chidotaku · #3 (**permalink**) 20/07/2010, 22:58

muchisimas gracias...una duda mas....de que tamaño hiciste tu archivo flash ? que tamaño es el recomendado para que no se pixelee y tampoco se vea muy chico ?

Gracias

liepzingsystem · #4 (**permalink**) 20/07/2010, 23:30

Cita:

Iniciado por chidotaku

muchisimas gracias...una duda mas....de que tamaño hiciste tu archivo flash ? que tamaño es el recomendado para que no se pixelee y tampoco se vea muy chico ?

Gracias

Ése archivo que os mostré mide 1024x768 pixeles. Ése es el tamaño que yo os recomiendo. Si estás trabajando con vectores en flash, no tenés que preocuparos por que se pixeleé. Sin embargo, de ser imágenes, recordá que la mayoría de los monitores poseen una relación-aspecto de 16:9; de modo que sugeríría hacerlo de 1280x800 o una medida proporcional.

Saludos y buena suerte.