16
Dic
Centrar película flash en el navegador
Publicado por: LeoBaraldiMuchas veces nos encontramos con el problema de como resolver este simple requerimiento de nuestros clientes que es centrar el sitio al medio de nuestro navegador sin importar la resolución en el cual se este mostrando.
Para resolver esto lo que vamos a hacer es simplemente usar un poquito de ccs y veremos que no es tan complicado y nos ayudara mucho a la hora de desarrollar nuestros sitios.
Lo primero que heremos sera crear una nueva hoja de estilos, o usar la que ya tenemos si es que estamos usando una. Las hojas de estilos es un simple archivo de texto que guardaremos con la extensión "mihoja.css".
Para vincular nuestra hoja de estilos con nuestro html debemos agregar esta linea en el HEAD:
-
<link href="css/centrar.css" rel="stylesheet" type="text/css">
, esta linea vincula nuestro css que esta en la carpeta CSS.
En ella vamos a colocar las siguientes líneas.:
-
body{
-
text-align:center;
-
}
-
/* el body es el cuerpo de nuestro html, y el text-align: center se refiere a que los contenidos dentro del body se aliñen al centro*/
-
-
#contenido{
-
margin-top: -100px;
-
margin-left: -100px;
-
position: absolute;
-
top: 50%;
-
left: 50%;
-
}
-
-
/*con este conjunto lo que haremos es crear una id para luego aplicarsela a una div, como podemos ver los margin top y left le pusimos -100px que es la mitad de lo que mide nuestra película, lo que resta de importante es que luego le estamos indicando que su posición tanto top (superior) y left (izquierda) sean de un 50%. De esta manera logramos sacar el punto central de nuestra película, la cual se posicionara automáticamente al centro de nuestro navegador.*/
El siguiente paso seria colocar en nuestro html una div a la cual le asignaremos la id "contenido", así que por lo tanto lo único que debemos hacer es colocar los siguiente entre nuestra película flash
-
<div id="contenido">mi película flash</div>
Lo mejor de este ejemplo es que te descargues los archivos y veas insitu como estan hechos pero como puedes ver es bastante simple y no hay muchos secretos. Esta manera de centrar nuestras películas en flash es valido para IE y Firefox.
Una Respuesta
Publicar comentario
Leonardo David Baraldi
Nací en Villa Carlos Paz, tengo 33 años y me dedico a desarrollos para la web desde el año 99, preferentemente en las aéreas de ActionScript y CSS. Trabajo para la firma Manifesto Solutions como jefe de producción.
ultimos post
- Listar adaptadores de red en AIR 2.0 NetworkInfo
- Selectores CSS 2 para Internet explorer 7+
- Caurina Tweener, movimiento, transiciones desde actionscript
- Como utilizar o importar clases en actionscript
- Numero random según rango – Number – clase de actionscript 3
- Dibujar circulo – Sprite – clase de actionscript 3
- Dibujar polígono API Google Maps Actionscript 3 – Polygon
- Personalizar icono marker y desplegar información del lugar con Api Google Maps – MarkerOptions Actionscript 3
- Agregar Marker o pointer en componente de google maps actionscript 3
- Detectar inactividad o ausencia de un usuario (USER_IDLE) AIR
categorías
ActionScript 2ActionScript 3
AIR (Adobe AIR)
API's
Clases Actionscript 3
CSS
CSS3
Cursos – Tutoriales
Diseño
Diseño Web
Firefox
HTML – XHTM
Iconos PNG
Otros
PHP
Prototipos
Recursos
Software
XML
historial
Mayo 2010 Abril 2010 Marzo 2010 Febrero 2010 Enero 2010 Diciembre 2009 Junio 2009 Abril 2009 Marzo 2009 Noviembre 2008 Octubre 2008 Septiembre 2008 Agosto 2008 Julio 2008 Junio 2008 Abril 2008 Marzo 2008 Enero 2008 Diciembre 2007 Noviembre 2007 Octubre 2007 Septiembre 2007 Agosto 2007 Julio 2007 Junio 2007 Mayo 2007 Abril 2007 Marzo 2007 Febrero 2007 Enero 2007 Diciembre 2006 Noviembre 2006 Octubre 2006
6th Mayo, 2007 at 4:49 am
Hola! queria saber si se puede vincular escenas con escenas en flash..de ser posible..me gustaria poder entenderlo ya que me rendi, no uedo hacerlo..o de ultima si alguien sabe hacerlo en dreamweaver...solo quiero con los botones que tengo hecho pasar de una escena a otra gracias!