Comunidad de diseño web y desarrollo en internet online

Flash ocupando 100% navegador. Sitio centrado. Imágen centrada.

Citar            
MensajeEscrito el 18 Feb 2011 07:09 pm
Hola a todos. Busqué en varios posts dentro del foro pero ninguno logra ayudarme con lo que quiero específicamente.

Estoy haciendo un sitio web y quiero que todo el sitio quede centrado, pero que el fondo, una imágen,(centrado) se vea de acuerdo a si amplían el navegador o si lo achican.

Lo mas parecido que encontré fue este sitio: https://www.nalden.net/#/video/
Donde el fondo funciona como quiero y lo que es el reproductor de videos sería mi sitio, centrado pero el flash ocupando todo el navegador.

Gracias desde ya a cualquier ayuda!
Cristian. :shock:

Por cristianarce

46 de clabLevel



Genero:Masculino  

Diseño & Programación

firefox
Citar            
MensajeEscrito el 18 Feb 2011 09:08 pm
Eso se llama "Diagramación Líquida", búscala en Google, encontrarás muchos temas al respecto. En el propio Cristalab se ha hablado harto del tema.

Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

chrome
Citar            
MensajeEscrito el 18 Feb 2011 09:48 pm
Si Hernán, busqué en el foro como dije y en google, pero no consigo nada que deje mi flash como menciono arriba. Que el flash ocupe todo el navegador, que el mc principal de mi web este centrado (como en el caso del link que les deje) y que el fondo este centrado, que cuando se agrande la ventana el fondo se vea no desde arriba/izquierda sino que se expanda desde el centro.

Por cristianarce

46 de clabLevel



Genero:Masculino  

Diseño & Programación

firefox
Citar            
MensajeEscrito el 18 Feb 2011 09:51 pm
Por eso te dije exactamente como buscarlo. Es IMPOSIBLE no encuentres temas sobre diagramación líquida. Debe ser el tema más hablado en el foro.

Reitero, no busques con cualquier palabra, sino con DIAGRAMACIÓN LÍQUIDA.

Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

chrome
Citar            
MensajeEscrito el 20 Feb 2011 02:23 pm
Hola Hernán, después de matarme buscando lo logré jeje :P

Este es el código que utilizo:

Código ActionScript :

Stage.scaleMode = 'noScale'; 
Stage.align = 'TL'; 
redim = new Object(); 
redim.onResize = redimensionar; 
Stage.addListener(redim); 
function redimensionar() { 
   fondo._width = Stage.width; 
   fondo._height = Stage.height; 
   mc._x = (Stage.width - mc._width) / 2; 
   mc._y = (Stage.height - mc._height) / 2; 
} 
redimensionar();
miListener.onResize(); 


Lo que no logro es hacer que "mc" se acomode pero con efecto de easing. Busqué y leí mucho al respecto pero no pude sacar anda en limpio.

Se que es algo de esto:

Código ActionScript :

import mx.transitions.Tween;
import mx.transitions.easing.*;

var miTweenX:Tween = new Tween(mc, "_x", Strong.easeInOut, 5, 300, 2, true);
var miTweenY:Tween = new Tween(mc, "_y", Strong.easeInOut, 5, 150, 2, true);


PERO el problema es que no logro adaptar el código a la re acomodación de "mc".

Saludos y gracias!

P.D: Debería quedar como el mc del centro de este sitio, que se re acomoda con easing: [url=http://www.neoproyex.com/henncar/][/url]

Por cristianarce

46 de clabLevel



Genero:Masculino  

Diseño & Programación

firefox
Citar            
MensajeEscrito el 20 Feb 2011 09:09 pm
Pues debería ser algo como:

Código ActionScript :

Stage.scaleMode = 'noScale';  
Stage.align = 'TL';  
redim = new Object();  
redim.onResize = redimensionar;  
Stage.addListener(redim);  
function redimensionar() {  
   fondo._width = Stage.width;  
   fondo._height = Stage.height;
   x = (Stage.width - mc._width) / 2;
   y = (Stage.height - mc._height) / 2;
   var miTweenX:Tween = new Tween(mc, "_x", Strong.easeInOut, 5, x, 2, true); 
   var miTweenY:Tween = new Tween(mc, "_y", Strong.easeInOut, 5, y, 2, true);
   mc._x = (Stage.width - mc._width) / 2;  
   mc._y = (Stage.height - mc._height) / 2;  
}  
redimensionar(); 
miListener.onResize(); 


Algo así sería.

Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

chrome
Citar            
MensajeEscrito el 20 Feb 2011 09:45 pm
Gracias Hernán! Pero no lo puedo probar porque me tira este error: "no se pudo cargar la clase o interfaz 'tween' ". Alguna idea?

Por cristianarce

46 de clabLevel



Genero:Masculino  

Diseño & Programación

firefox
Citar            
MensajeEscrito el 20 Feb 2011 10:01 pm
Para que no me restes Hernán y veas que no quiero todo de arriba jeje :oops:
Sino que investigo y pruebo por mi cuenta, LOGRÉ LO QUE QUERÍA.

Te dejo mi código a ver si lo ves bien.

Código ActionScript :

import mx.transitions.Tween; 
import mx.transitions.easing.*; 

Stage.scaleMode = 'noScale';   
Stage.align = 'TL';   
redim = new Object();   
redim.onResize = redimensionar;   
Stage.addListener(redim);   
function redimensionar() {   
   fondo._width = Stage.width;   
   fondo._height = Stage.height; 
   x = (Stage.width - mc._width) / 2; 
   y = (Stage.height - mc._height) / 2; 
}   
redimensionar();  
miListener.onResize(); 

var tweenX:Tween; 
var tweenY:Tween; 
 
var stageListener:Object = new Object(); 
Stage.addListener(stageListener); 
stageListener.onResize = setStage; 
setStage(); 
 
function setStage():Void 
{ 
   var endX:Number = (Stage.width - mc._width) / 2; 
   var endY:Number = (Stage.height - mc._height) / 2; 
   tweenX = new Tween(mc, "_x", Regular.easeOut, mc._x, endX, 2, true); 
   tweenY = new Tween(mc, "_y", Regular.easeOut, mc._y, endY, 2, true); 
}


Saludos y gracias por tu ayuda!
Cristian.

Por cristianarce

46 de clabLevel



Genero:Masculino  

Diseño & Programación

firefox
Citar            
MensajeEscrito el 20 Feb 2011 10:14 pm
De nada, me alegro hayas resuelto el problema.

Saludos, Hernán . -

Por Hernán

BOFH

6148 de clabLevel

19 tutoriales
23 articulos

Genero:Masculino   REC Desarrollador de GAIA

Marketing & IT

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.