Foros del Web » Creando para Internet » Flash y Actionscript »

pagina centrada ...otra vez

Estas en el tema de pagina centrada ...otra vez en el foro de Flash y Actionscript en Foros del Web. Hola, hace unos días pedí ayuda para lograr que mi pagina web quedara centrada siempre, para que al verse en 1024x768 no se viera arriba ...
  #1 (permalink)  
Antiguo 31/10/2006, 15:29
 
Fecha de Ingreso: octubre-2006
Mensajes: 70
Antigüedad: 17 años, 6 meses
Puntos: 0
pagina centrada ...otra vez

Hola, hace unos días pedí ayuda para lograr que mi pagina web quedara centrada siempre, para que al verse en 1024x768 no se viera arriba a la izquierda. Bandit me ayudó a hacerlo desde flash, sin necesidad de pasar por el html de dreamweaver, ya que a mi no me salía.

Me quedé contenta con los resultados pero ahora me doy cuenta que al publicar desde flash en 1024x768 se ve de la misma manera que cuando uno hace una vista previa desde flash, lo que hace que, por ejemplo, se vean elementos que estan en el área de trabajo pero que no quiero que se vean en la animación final... es como si yo hubiese elegido una pantalla más grande de lo que elegí y mi animción no se ve como yo deseaba.

Probé cambiando algunas opciones de la configuración de publicación pero nada.... ¿hay una solución o debería mejorar la animación directamente?

gracias! saudos
  #2 (permalink)  
Antiguo 31/10/2006, 19:12
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 20 años, 9 meses
Puntos: 406
Una posibilidad es que como el escenario anterior lo tenías a 800 x 600, sino mal recuerdo y ahora esa misma película le haz cambiado el escenario a 1024 x 768 y tenías algunos objetos fuera del escenario ahora aparecen dentro de él, por esa razón lo ves al publicarlo.
Podrías colgar tu archivo .fla en algún lugar para poderlo ver?.

Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #3 (permalink)  
Antiguo 01/11/2006, 12:47
 
Fecha de Ingreso: octubre-2006
Mensajes: 70
Antigüedad: 17 años, 6 meses
Puntos: 0
Gracias bandit. No, todavía no tengo un lugar para colgar mi archivo fla ni se hacerlo aún...ja

Pero bueno, no se que quieras saber...Te cuento:

El archivo inicial esta hecho en 800x600, como bien te acordabas; es la presentación de la pagina web: una animación con unas imágenes gif blancas, sin fondo, sobre fondo negro (este fondo lo señalé desde la pestaña propiedades en la que se pone también el tamaño de página).

Al hacer los pasos que me indicaste, al publicar, se ve bien en el medio como yo deseaba. El problema siempre esta al verlo en 1024x768, que es la otra resolucion en la que pretendo que se vea mas o menos bien (aunque más pequeño, que no sería problema): lo que pasa es que también se ve en el medio pero el fondo negro es como que se extiende, como si se extendieran lo 800x600 píxeles a 1024x768p y la animación quedara del mismo tamaño, lo que ocasiona que, por ejemplo algunos objetos que yo dejé fuera del área 800x600 en mi fla aparezcan, y también (lo más complejo) que algunos bordes, que quedaban cortados por el área 800x600 (y que yo deseaba que quedaran así) ya no lo hacen. Es decir: pasa lo que pasa cuando haces un ctrl+enter para previsualizar desde flash, me entendes?

Estoy pensando que quizás lo más conveniente será no poner el fondo negro desde las propiedades (dejarlo de otro color) y utilizar un cuadrado negro para hacer que el fondo siempre quede, al ojo del usuario, del tamaño que yo deseo. Y admás, obviamente, no dejar objetos "volando"...ja

Si me comprendiste y se te ocurre algo mejor, o mismo alguna solución desde html, ayudame, sino...gracias igualmente!

saludos.
  #4 (permalink)  
Antiguo 01/11/2006, 18:40
Avatar de El_Fantasma  
Fecha de Ingreso: marzo-2005
Ubicación: Peru
Mensajes: 481
Antigüedad: 19 años, 1 mes
Puntos: 4
tengo uno muy bueno n ose como pasarlo para q lo bajes, dame un mail para mandartelo
este pequeño codigo te centra a cualquier resolucion
pero es java
saludos
__________________
Vida esta LLena de Retos, pero Retos A superar http://www.ideasmkt.com
  #5 (permalink)  
Antiguo 02/11/2006, 09:12
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 20 años, 9 meses
Puntos: 406
Hola maryiannita:
Te estoy enviando un MP.

Espero poderte ser de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #6 (permalink)  
Antiguo 02/11/2006, 09:31
paois1
Invitado
 
Mensajes: n/a
Puntos:
Te tengo esta. Pones el archivo .swf en un div y en el div pones esto

Código:
<div style="position: absolute;
            left: 50%;
            top: 50%;
            height: 560px;
            margin-top: -280px;
            width: 796px;
            margin-left: -398px">
560 en este caso es el height del .swf y 796 es el width o sea que aqui pones las medidas de tu swf. El margin-top tiene que ser la mitad del height de tu swf y en valor negativo, y el margin-left la mitad de tu width tambien en valor negativo.

PD: No olvides cerrar el div
  #7 (permalink)  
Antiguo 03/11/2006, 08:15
 
Fecha de Ingreso: octubre-2006
Mensajes: 70
Antigüedad: 17 años, 6 meses
Puntos: 0
Hola a todos! Gracias por las respuestas!

Les cuento que lo solucioné, en parte, desde dreamweaver con un código como el que me da paois1 que lo había encontrado en otros posts pero que no me salía porque no lo entendía. Después de intentar muuuuchas veces...salió! Pero se me presenta un problemita. Les explico la manera en que lo hice:

Hice una caja (no se bien qué características tiene en realidad, si es una tabla o un div o qué) posinionada absolutamente 50% del margen superior; su ancho es del 100% y tiene una altura nominal de 1px. Su overflow lo dejé invisible para que no se vea porque no me interesa.

Luego hice una caja anidada (a la de 1px de alta) del ancho y alto de mi swf (donde lo inserto) y lo posiciono en forma absoluta 50% del margen izquierdo.

Por último, voy al código (que por cierto es css me parece) y pongo los márgenes negativos, que deben ser la mitad de los valores de ancho y alto de mi swf.

Aquí les pongo ese pedacito de código:
Código:
Código HTML:
<style type="text/css" media="screen">
#content
{
background-color: #000000;
margin-left: -380px;
position: absolute;
top: -210px;
left: 50%;
width: 760px;
height: 420px;
visibility: visible;
}

</style> 

"content" es la caja donde tengo mi swf. Con esto logré centrar la web para cualquier resolución.
El PROBLEMA es que cuando lo veo me queda un inentendible bordecito blanco, muy finito, pero molesto (ya que mi fondo es negro), como si fuera de esta caja "content" pero se ven solo el borde de arriba, y los de los costados. El de abajo no.
Probé poner la caja invisible, pero eso hace que directamente no se vea el swf.

Bueno, si alguien sabe el porqué agradezco la solución, sino gracias igual. Intentaré con el código de paois1... y Bandit, te voy a enviar mi fla para que lo veas.

Saludos!!
  #8 (permalink)  
Antiguo 03/11/2006, 09:14
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 20 años, 9 meses
Puntos: 406
Hola maryiannita:
Ya te envié 2 soluciones a tu correo.

Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #9 (permalink)  
Antiguo 03/11/2006, 10:08
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 20 años, 9 meses
Puntos: 406
Maryiannita:
Parece que tu bandeja de entrada está llena, porque acaban de devolverme el correo.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:45.