Comunidad de diseño web y desarrollo en internet online

Pagina web flash

Citar            
MensajeEscrito el 22 Ene 2010 06:09 pm
Hola..estoy haciendo una pag. en flash y mi documento mide 1208x700.
Al publicarla tengo de opciones 100%x100% en dimensiones y Escala: Sin escala.
Mi problema es que luego de publicarlo y subir al servidor, al verlo en un monitor con 1024x768 de resolucion, no se me ve toda la página, hay una parte de abajo que queda fuera de la pagina y tampoco tengo scroll.
Estoy usando diagramación líquida.

Espero alguna respuesta, saludos

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Ene 2010 07:03 pm
postea tu código

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 22 Ene 2010 07:16 pm
Es mi primer post, el codigo que tengo en el flash, en el primer fotograma para la diagramacion liquida es:

Código :

// todos los clips ajustables deben tener su origen
// en su esquina superior inquierda
// ajustes iniciales -----------------
// no queremos que se cambie la escala de la película
Stage.scaleMode = "noScale";
// la peli se ajusta arriba a la izquierda
Stage.align = "TL";
// definimos el tamaño mínimo de la peli
ancho_minimo = 600;
alto_minimo = 400;
// en este array almaceno los clips que se tienen
// que ajustar al cambiar el tamaño de la pantalla
clips_ajustables = new Array();
// definimos el objeto que va a detectar el cambio de tamaño
myListener = new Object();
// asociamos el objeto al stage para detectar los cambios
// de tamaño del stage
Stage.addListener(myListener);
// ejecuto la función rec al cambiar el tamaño
myListener.onResize = rec;
function rec() {
   // definimos el alto y ancho que queda
   // después de reescalar, si no alcanza
   // los mínimos, asignamos éstos
   
   //***ALGO HECHO POR MI
   //xpos= Stage.width;
   //ypos= Stage.height;
   
   alto = Stage.height;
   if (alto<alto_minimo) {
      alto = alto_minimo;
   }
   ancho = Stage.width;
   if (ancho<ancho_minimo) {
      ancho = ancho_minimo;
   }
   for (var g = 0; clips_ajustables[g]; g++) {
      clips_ajustables[g].alinear();
   }
   if (Stage.width > Stage.height) { //************ESTE BLOQUE LO HICE YO PROBANDO EL TEMA DE LA IMAGEN DE FONDO
     //trace("horizr");
    fondo._width = Stage.width;
   fondo._height = Stage.height;
   fondo._yscale = fondo._xscale;
   fondo._xscale = fondo._yscale;
   fondo._x = (Stage.width - fondo._width) / 2;
   fondo._y = (Stage.height - fondo._height) / 2; 
   }
   //if (Stage.width > Stage.height) {
      //fondo._xscale = fondo._yscale;
    //} 
}
// resolución total
//altoTotal = System.capabilities.screenResolutionY;
//anchoTotal = System.capabilities.screenResolutionX;
//alto = stage.height;
//ancho = stage.width;
// con esta función implemento el método setTipo
// en todos los movieClip.
// Los valores para ajuste_x son "izquierda", "derecha" y "centrar"
// Los valores para ajuste_y son "arriba", "abajo" y "centrar"
// Los valores para ajuste_width son false y un número que
// indica el porcentaje de la anchura del clip respecto de la escena
// Los valores para ajuste_height son false y un número que
// indica el porcentaje de la altura del clip respecto de la escena
MovieClip.prototype.setAjuste = function(ajuste_x, ajuste_y, ajuste_width, ajuste_height) {
   // estos ajustes nos dicen como se tiene modificar el
   // el clip al redimensionar
   this.ajuste_x = ajuste_x;
   this.ajuste_y = ajuste_y;
   this.ajuste_width = ajuste_width;
   this.ajuste_height = ajuste_height;
   // almaceno la posición y el tamaño
   // iniciales de los clips ajustables
   this.x0 = this._x;
   this.y0 = this._y;
   this.w0 = this._width;
   this.h0 = this._height;
   this.ajustePersonalizado = false;
   // almaceno el clip en el array
   clips_ajustables.push(this);
   this.alinear();
};
// función para alinear los clips en funcion de su tipo
MovieClip.prototype.alinear = function() {
   // si se le ha pasado el parámetro ajuste_width en la función
   // setAjuste, significa que debo ajustar el ancho del clip
   // cuando reescalo la pantalla
   if (this.ajuste_width) {
      if (this.ajuste_width.indexOf("%") != -1) {
         // si el valor de this.ajuste_width es un porcentaje
         this._width = (_root.ancho*parseInt(this.ajuste_width))/100;
      } else {
         // si el valor de this.ajuste_width es un número de píxeles
         this._width = this.ajuste_width;
      }
   }
   // lo mismo con el ajuste del alto del clip
   if (this.ajuste_height) {
      if (this.ajuste_height.indexOf("%") != -1) {
         this._height = (_root.alto*parseInt(this.ajuste_height))/100;
      } else {
         this._height = this.ajuste_height;
      }
   }
   
   
   
   
   //*******AJUSTE POSICION HECHO POR MI
   if (this.ajuste_x) {
      if (this.ajuste_x.indexOf("%") != -1) {
         this._x = (_root.ancho*parseInt(this.ajuste_x))/100;
      } else {
         this._x = this.ajuste_x;
      }
   }
   if (this.ajuste_y) {
      if (this.ajuste_y.indexOf("%") != -1) {
         this._y = (_root.alto*parseInt(this.ajuste_y))/100;
      } else {
         this._y = this.ajuste_y;
      }
   }
   
   
   // ajustes de posicion de los clips
   
   if (this.ajuste_x == "izquierda") {
      this._x = this.x0;
   }
   if (this.ajuste_x == "derecha") {
      this._x = Math.round(this.x0+(_root.ancho-_root.ancho_minimo));
   }
   if (this.ajuste_x == "centrar") {
      this._x = Math.round((_root.ancho-this._width)*0.5);
   }
   if (this.ajuste_y == "arriba") {
      this._y = this.y0;
   }
   if (this.ajuste_y == "abajo") {
      this._y = Math.round(this.y0+(_root.alto-_root.alto_minimo));
   }
   if (this.ajuste_y == "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();
   }
};


Puse todo aunque sea demasiado, el tema del fondo esta al principio del codigo. Capaz tengo que poner algo en el html que no me estoy dando cuenta.

Saludos y gracias

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 23 Ene 2010 01:51 am
no te sale todo el tiempo o solo cuando reescalas la ventana?

Tu pusiste tamaño mínimo, entonces si la ventana es más chica que eso pues se va a cortar y no se va a ver una parte, y no sale el scroll por que esta al 100% de la ventana todo el tiempo

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 25 Ene 2010 02:03 pm
no me sale todo el tiempo, desde el momento que entro hay parte de la web que no se visualiza.
Otra duda es si sabes que comportamiento tiene la imagen de fondo en el sitio: www.murdoc.tv que cuando escalo la ventana del navegador como que se corre, no se achica. Lo mismo pasa en www.sorenrose.com

muchas gracias, saludos

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2010 03:51 pm
es daigramación líquida,

tu problema es que no se ve una parte de la imagen?

Si te fijas en esas 2 páginas, cuando haces la ventana mas ancha se corta un poco el fondo, es normal se está escalando a la parte más larga creciendo proporcionalmente.

si es parte de algún otro objeto el que se corta, entonces verifica que el alto/ancho mínimo que le asignaste para reescalar no sea menor al del objeto.

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 25 Ene 2010 04:19 pm
y con que codigo puedo yo decirle que escale segun la parte mas larga como aparece en estos sitios ?

gracias, saludos

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2010 04:20 pm
la idea de web q estoy haciendo esta en www.complot.com.uy/vinoly_nueva.html

ahi puede mirar el comportamiento del fondo.

cuando la abro en una de 1024x768 el fondo se redimensiona pero el contenido no se ve en su totalidad ( las 3 cruces que aparecen no se ven).

saludos

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2010 04:40 pm
algo como

Código ActionScript :

fondo._width = Stage.width;
fondo._yscale = fondo._xscale;
if(fondo._height<Stage.height){
  fondo._height = Stage.height;
  fondo._xscale = fondo._yscale;
}


de lo otro tu pusiste como alto mínimo 400px, el alto del mc de las cruces mas el del menu de abajo es menor o igual a 400px??

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 25 Ene 2010 04:47 pm
el alto de el cuadro mas las cruces es mayor a 400 (525 aprox)...yo lo hice pensando con un alto de 768 como refereencia pero no se si es lo correcto.

saludos

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2010 04:50 pm
entonces debes cambiar el alto mínimo

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 25 Ene 2010 04:56 pm
o sea...tu quieres decir que en el alto minimo yo ponga el alto q quiero q sea el minimo para ver la web ? en este caso 768 por ejemplo...
otra duda: si estoy haciendo una galeria de imagenes con miniaturas que cuando las apretas se abren en un clip vacio, me conviene hacerlo con loadmovie y que lea el .jpg o el .swf en el clip vacio ? es mi primera web enteramente en flash por eso tengo algunas dudas.

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2010 05:06 pm
exacto, el alto mínimo es el espacio para que se vea todo y no se corte, pero si hacen la ventana más chica se va a cortar siempre

por cierto en tu html pon el borde de body en 0

y sí cargalos como archivos externos

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 25 Ene 2010 05:15 pm
ok, voy a probar hacer eso. cualquier consulta te pregunto.
muchas gracias, saludos.

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2010 07:23 pm
sabes que tengo el mismo problema aunque de otra manera. Por ejemplo si pongo ancho_minimo = 800;
alto_minimo = 600; lo publico y cuando miro en 1024x768 me aparecen las cruces pero no la parte de abajo (la barra con el menu).
O sea, la barra de menu mide h=45, el rectangulo h=500 y las cruces h=25...
No entiendo porq no se ve todo cuando miro ahi.

gracias, saludos

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2010 08:20 pm
lo veo bien...

pon una impresión de pantalla

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 25 Ene 2010 08:33 pm
de esta manera se ve en otra pc, en 1024x768.

[img]http://l4c.me/fotos/martinaza/captura[/img]

saludos

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2010 08:45 pm
el tamaño total de la pantalla es 768

menos

- la barra de inicio
- barra de titulo
- barra de menu
- barra de herramientas
- barra de dirección
- de google
- de estado

entonces el alto real de tu página de cuanto es??

recorta ese espacio en photoshop, fireworks o cualquier edito de imágenes

y has lo que te dije del border de body para quitar el marco negro y tener unos pixeles más

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 26 Ene 2010 12:23 pm
ok...y si quiero que en esos casos aparezca scroll vertical? sabes como hacer? porque no me aparece....

muchas gracias...
saludos

Por martin_aza

19 de clabLevel



 

firefox
Citar            
MensajeEscrito el 26 Ene 2010 03:19 pm
pues lo más sencillo es hacer una versión con diagramación líquida y otra con dimensiones fijas,
o hacer tu caja de texto mas chica

con diagramación líquida necesitas publicarlo 100% x 100% esto quiere decir al tamaño total "visible de la página" de la ventana, en todo momento "al reescalarla" va a estar al 100% entonces no es necesario el scroll.

Por nasho

Claber

908 de clabLevel

1 tutorial

Genero:Masculino  

Web Developer

firefox
Citar            
MensajeEscrito el 26 Ene 2010 04:38 pm
claro...mi pregunta era porque en el ejemplo que te mande la captura, por más que este publicado al 100% x 100% no se ve toda la página, entonces capaz se podia poner que haga un scroll ahi.

voy a seguir y cualquier cosa te consulto....

gracias

Por martin_aza

19 de clabLevel



 

firefox

 

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