centrar contenido de web con diagramacion liquida me esta sacando loco una web que estoy armando, estoy usando diagramacion liquida
aca subi un ejemplo a ver si me explico mejor http://www.germangualco.com.ar/demos/cxr/zero.html
fijense..... el menu y ese bloke negro de abajo a al derecha se van ajustando, perfecto!
ahora el recuadro rosita es el area qeu mide mi documento (980 x 595)
si tocas los botones ves como las secciones se van centrando ahi (las secciones estan simuladas por las x)
yo necesito qeu eso siempre me queda en el centro de la pantalla!!
como este ejemplo http://www.germangualco.com.ar/demos/cxr/zero_centro.html para este use este codigo
Stage.scaleMode = "noscale";
//-----------------------
var StageWidth:Number = 980;
var StageHeight:Number = 595;
function escalaFondo()
{
if (Stage.width > Stage.height) {
fondo._width = Stage.width;
fondo._yscale = fondo._xscale;
} else {
fondo._height = Stage.height;
fondo._xscale = fondo._yscale;
}
fondo._x = (StageWidth - fondo._width) / 2;
fondo._y = (StageHeight - fondo._height) / 2;
}
//-----------------------
Stage.addListener(this);
this.onResize = escalaFondo;
escalaFondo();
pero no puedo hacer que funcionen las dos cosas juntas, este codigo con la diagramacion liquida!! se entiende??
como lo tendria que poner? o hay alguna otra manera de lograrlo??
aca pego el codigo de la diagramacion liquida que use
// Prevenir que se cambie la escala de la película
Stage.scaleMode = "noScale";
// Definir el ajuste dentro del navegador arriba a la izquierda
Stage.align = "TL";
// definimos el tamaño mínimo del swf
var anchoMinimo:Number = 700;
var altoMinimo:Number = 400;
// declarar variables para almacenar el ancho y alto del swf cada vez que cambie la pantalla
var ancho:Number;
var alto:Number;
// Crear un array para almacenar los clips que se tienen
// que ajustar al cambiar el tamaño de la pantalla
arrayClips = new Array();
// Definir un objeto que va a detectar el cambio de tamaño
var myListener = new Object();
// Asociar el objeto al escenario para detectar los cambios de tamaño
Stage.addListener(myListener);
// Asignar la función que se ejecuta cuando se cambia el tamaño
myListener.onResize = redimensionar;
//Definir la función redimensionar
//Esta función se llama cada vez que se cambia de tamaño el swf
function redimensionar ( )
{
// Hacer alto y ancho igual a los valores width y height del escenario
alto = Stage.height;
ancho = Stage.width;
// Si el alto es menor al valor mínimo entonces asignar el valor mínimo
if (alto < altoMinimo)
{
alto = altoMinimo;
}
// Si el ancho es menor al valor mínimo entonces asignar el valor mínimo
if (ancho < anchoMinimo)
{
ancho = anchoMinimo;
}
// Llamar a la función alinear de cada uno de los objetos que se autoajustan.
// Estos objetos se almacenan dentro del array arrayClips
// Este ciclo for recorre el arrayClips y llama a la función alinear de cada objeto.
for (var g = 0; arrayClips[g]; g++)
{
arrayClips[g].alinear();
}
}
// Esta función se llama una sola vez cuando se ha creado el objeto.
// Utiliza prototype para crear una función dentro de todos los MovieClips
// Esta función recibe cómo parámetros cómo se debe ajustar el objeto en X y Y
MovieClip.prototype.definirAjuste = function( ajusteHorizontal , ajusteVertical , ajustarAncho , ajustarAlto )
{
// Copiar dentro del MovieClip los parámetros recibidos por la función definirAjuste
this.ajusteHorizontal = ajusteHorizontal;
this.ajusteVertical = ajusteVertical;
this.ajustarAncho = ajustarAncho;
this.ajustarAlto = ajustarAlto;
// almacenar la posición y el tamaño iniciales de los objetos ajustables
this.x0 = this._x;
this.y0 = this._y;
this.w0 = this._width;
this.h0 = this._height;
//Crear una variable Boolean para definir si el objeto hace un ajuste personalizado
this.ajustePersonalizado = false;
// Almacenar el objeto en el array de objetos autoajustables.
arrayClips.push(this);
// Llamar por primera vez a la función que alinea el objeto
this.alinear();
}
// Esta función sirve para alinear los objetos cada vez que el swf cambia de tamaño
// Utiliza prototype para crear una función dentro de "todos" los MovieClips
MovieClip.prototype.alinear = function()
{
//Si se le ha pasado un valor ajustarAncho en la función definirAjuste, significa que debo ajustar el ancho del clip cuando reescalo la pantalla
if (this.ajustarAncho)
{
// La función indexOf busca que exista el carácter porcentaje.
//Si existe el carácter porcentaje significa que el valor pasado es un porcentaje
if (this.ajustarAncho.indexOf("%") != -1)
{
//la función parseInt convierte una cadena en un número
this._width = ( _root.ancho * parseInt( this.ajustarAncho ))/100;
}
// Si no existe el porcentaje, el valor pasado es en pixels
else
{
this._width = this.ajustarAncho;
}
}
// Hacer lo mismo para el alto
if (this.ajustarAlto)
{
if (this.ajustarAlto.indexOf("%") != -1)
{
this._height = (_root.alto*parseInt(this.ajustarAlto))/100;
}
else
{
this._height = this.ajustarAlto;
}
}
// ajustar la posicion de los clips según los valores pasados al metodo definir ajuste
if (this.ajusteHorizontal == "izquierda") {
this._x = this.x0;
}
if (this.ajusteHorizontal == "derecha") {
this._x = Math.round(this.x0+(_root.ancho-_root.anchoMinimo));
}
if (this.ajusteHorizontal == "centrar") {
this._x = Math.round((_root.ancho-this._width)*0.5);
}
if (this.ajusteVertical == "arriba") {
this._y = this.y0;
}
if (this.ajusteVertical == "abajo") {
this._y = Math.round(this.y0+(_root.alto-_root.altoMinimo));
}
if (this.ajusteVertical == "centrar") {
this._y = Math.round((_root.alto-this._height)*0.5);
}
// si el clip tiene un ajuste especial ejecuto su función ajustar
// que hemos definido en el onClipEvent(load) del clip
if (this.ajustePersonalizado) {
this.ajustar();
}
}
//para que redimensione apenas se abre el html
redimensionar()
si me pueden ayudarrrr millones de graciassss!!! y si no tambien!!
un abrazoooo
German
