Hola gente, tengo un pregunta vosotros trabajais con swish directamente con las dimensiones del "cuerpo" o con el fondo y el cuerpo. O añadis el fondo al final con otro programa o con html.
A ver si me explico yo he echo mi primera web con el archivo en swish con 1024x768 creando un fondo y luego digeramos que el rectangulo donde va toda la web. Mi pregunta es si esto se hace asi... o se pone directamente las medidas de ese rectangulo de trabajo y el fondo final se añade con dreamweaver o algo asi?
Gracias.
Versión Completa: Formas De Trabajo (Solucionado)
Primero que todo, si la aplicacion la vas a mostrar online, te recomiendo siempre colocarla dentro de una pagina html
razones:
- puedes añadir meta informacion (titulo, etc) para que la indicen los buscadores
- puedes agregar scripts para detectar si el explorador tiene instalado flash player, y en caso de que no lo tenga, puedes redirigirlo a algun otro lugar (como una web html sin flash)
- no todos los exploradores saben interpretar un archivo swf directamente, mientras que dentro del html le indicas explicitamente que debe usar el activex de flash para ver ese contenido.
Si tu flash es fullscreen no veo mayor diferencia en como tratar el fondo, en cambio si el flash solo ocupa una porcion de la ventana, puedes aprovechar las funciones del fondo de html (como por ejemplo colocar una texura que se repita a lo largo y alto de la ventana.
Otro detalle importante, trata de no hacer los flashes con medidas superiores a las que muestra la ventana de un explorador "promedio", esto incluye la barra de direcciones, la de menu, las barras deslizantes de la derecha e inferior, y la barra del Explorer; con esto la idea es evitar a toda costa que el flash sea escalado (cambie de tamaño), porque al pasar esto, la aplicacion en general pierde calidad (letras borrosas, imagenes pixeleadas o demasiado suavizadas); ademas de perder en cuadros por segundo.
Espero haber sido de ayuda ;3
razones:
- puedes añadir meta informacion (titulo, etc) para que la indicen los buscadores
- puedes agregar scripts para detectar si el explorador tiene instalado flash player, y en caso de que no lo tenga, puedes redirigirlo a algun otro lugar (como una web html sin flash)
- no todos los exploradores saben interpretar un archivo swf directamente, mientras que dentro del html le indicas explicitamente que debe usar el activex de flash para ver ese contenido.
Si tu flash es fullscreen no veo mayor diferencia en como tratar el fondo, en cambio si el flash solo ocupa una porcion de la ventana, puedes aprovechar las funciones del fondo de html (como por ejemplo colocar una texura que se repita a lo largo y alto de la ventana.
Otro detalle importante, trata de no hacer los flashes con medidas superiores a las que muestra la ventana de un explorador "promedio", esto incluye la barra de direcciones, la de menu, las barras deslizantes de la derecha e inferior, y la barra del Explorer; con esto la idea es evitar a toda costa que el flash sea escalado (cambie de tamaño), porque al pasar esto, la aplicacion en general pierde calidad (letras borrosas, imagenes pixeleadas o demasiado suavizadas); ademas de perder en cuadros por segundo.
Espero haber sido de ayuda ;3
Muchas gracias nostradamus, es es la forma mas logica que veo.... lo que he visitado muchisimas webs y casi ninguna lo hace de ese modo (haces clic en ver codigo si estuviera en html, pero ninguna te deja).
Gracias por contestar me sirbe de ayuda.
Gracias por contestar me sirbe de ayuda.
Si no puedes ver el codigo, puede ser por dos razones:
1.- hay un javascript que dehabilita el menu contextual del html
2.- el flash utiliza toda la pantalla (fullscreen) y asi no tienes donde hacer click derecho, porque en cualquier parte que lo hagas será en el swf.
Ambos casos tienen soluciones, para la primera puedes buscar algun plugin para el firefox, algo asi como "enable right click"
Para la segunda, puedes ir a Archivo -> Guardar Como, y descargaras el respectivo documento: html si es eso con el swf embebido, o el swf si se esta usando directamente.
Un saludo*
1.- hay un javascript que dehabilita el menu contextual del html
2.- el flash utiliza toda la pantalla (fullscreen) y asi no tienes donde hacer click derecho, porque en cualquier parte que lo hagas será en el swf.
Ambos casos tienen soluciones, para la primera puedes buscar algun plugin para el firefox, algo asi como "enable right click"
Para la segunda, puedes ir a Archivo -> Guardar Como, y descargaras el respectivo documento: html si es eso con el swf embebido, o el swf si se esta usando directamente.
Un saludo*
OKa ahora me ha quedado mas claro... bueno poco a poco voy consolidando todo el material que tengo en la cabeza (uff). Estoy creandome mi propia pagina web con resolucion 1280x1024 que es la resolucion que tiene la mayoria de gente en su pc. A ver que tal.
Nostradamus muchas gracias por tu tiempo me ha sido de gran ayuda!!
Gracias!
Nostradamus muchas gracias por tu tiempo me ha sido de gran ayuda!!
Gracias!
CITA
on resolucion 1280x1024 que es la resolucion que tiene la mayoria de gente en su pc
Fuá!! Osease que todo el mundo tiene un monitor de 17"o superior????. ¿y los que lo tengan de 15"? Además está el hecho de que se pueden tener distintas barras de opciones habilitadas en el navegador.
Creo que una resolución más conservadora (1024x768) sería una resolución adecuada si queremos que nuestra web se vea lo mejor posible. Aún así, deberás tener en cuenta las posibles barras de herramientas, etc.
Salu2
O no me explicado bien o no me has entendido, si pones 1024x768 se te quedará coja por los laterales normalmente, pero es una resolución contando el fondo no el area de trabajo... solo cambiará que abrá gente que verá mas fondo que otra ;)
Salu2
Salu2
Como seria un flash con fondo full screen?¿? porque es lo que quiero hacer... y me salen los scrolls del navegador y sino se me queda un recuadro al rededor del fondo en blanco.
Gracias
Gracias
CITA
O no me explicado bien o no me has entendido, si pones 1024x768 se te quedará coja por los laterales normalmente, pero es una resolución contando el fondo no el area de trabajo... solo cambiará que abrá gente que verá mas fondo que otra ;)
Si que te he entendido. Eres tu el que no me ha entendido a mi.
CITA( @ 21-11-2008 - 10:23 AM) 
Como seria un flash con fondo full screen?¿? porque es lo que quiero hacer... y me salen los scrolls del navegador y sino se me queda un recuadro al rededor del fondo en blanco.
Gracias
Gracias
Busca en el foro fullscreen o +pantalla +completa. Algunos ejemplos hay.
salu2.
Será que no me estoy enterando a ver... te pongo mi pagina como la tengo hasta el momento y a ver si asi nos entendemos o te entiendo jeje
Aqui te adjunto los archivos cuando exporto para subirlos al server.... el tema esque lo que yo quiero esque el fondo ocupe toda la pantalla visible del navegador a ver si ahora se me entiende.
De paso me podeis decir como veis la pagina....
Muchas gracias!
De paso me podeis decir como veis la pagina....
Muchas gracias!
Hola. Leete este post completo y vete probando todos los ejemplos que ahí se muestran. A mi me sirvió para entender el tema de la pantalla completa. Basicamente debes colocar un sprite de fondo a un tamaño de 100% y otro sprite contenedor (sin redimensionar) centrado.
En lo que respecta al html, debes acostumbrarte a utilizar un javascript para colocar el swf en pantalla (busca info sobre swfobject o sobre AC_FL_RunContent). si quieres que tu swf ocupe el 100% del área útil del navegador, deberás indicarselo así desde el html definiendo sus dimensiones (width:100% height:100%)
Hace tiempo publiqué un post con información sobre el tema. Creo recordar que por el foro Swishmax1. A buscar...
Salu2
En lo que respecta al html, debes acostumbrarte a utilizar un javascript para colocar el swf en pantalla (busca info sobre swfobject o sobre AC_FL_RunContent). si quieres que tu swf ocupe el 100% del área útil del navegador, deberás indicarselo así desde el html definiendo sus dimensiones (width:100% height:100%)
Hace tiempo publiqué un post con información sobre el tema. Creo recordar que por el foro Swishmax1. A buscar...
Salu2
Hola
El trabajar con una pagina a Full screen es un gravisiomo error por los siguientes motivos :
1- Dependiendo de la resolucion de monitor , la pagina se re-escalara y las imagenes se pixelaran y perderan calidad. Una cosa es como la veas tu en tu pc y otra como la vera el resto de personas.
Esto se comprueba visionando tu web a diferentes resoluciones de pantalla.
2- Limitas al visitante de la opcion de disponer de su navegador , obligandole a visionar lo que tu quieres y es algo que irrita sobremanera y hara que muchos visitantes abandonen tu web en el momento que se den cuenta de que ha sucedido esto , perdiendo de esta forma visitantes y no consiguiendo el efecto deseado , que es que se vea tu trabajo.
Nota : He repeito en innumerable numero de veces que lo optimo es mostrar nuestra web , alojada dentro de una tabla y esa tabla centrada en la hoja, en una pagina html , de unas dimensiones inferiores a la media de resolucion usada por los usuarios que actualmente es 1024 X 768 , por lo que tu animacion no deberia tener unas medidas superiores a 960 X 560 pixeles.
De esta forma jamas se pixelara la animacion y lo unico que vera el navegante es unos bordes de color , de mayor o menor medida dependiendo del tamaño de su resolucion.
Saludos
El trabajar con una pagina a Full screen es un gravisiomo error por los siguientes motivos :
1- Dependiendo de la resolucion de monitor , la pagina se re-escalara y las imagenes se pixelaran y perderan calidad. Una cosa es como la veas tu en tu pc y otra como la vera el resto de personas.
Esto se comprueba visionando tu web a diferentes resoluciones de pantalla.
2- Limitas al visitante de la opcion de disponer de su navegador , obligandole a visionar lo que tu quieres y es algo que irrita sobremanera y hara que muchos visitantes abandonen tu web en el momento que se den cuenta de que ha sucedido esto , perdiendo de esta forma visitantes y no consiguiendo el efecto deseado , que es que se vea tu trabajo.
Nota : He repeito en innumerable numero de veces que lo optimo es mostrar nuestra web , alojada dentro de una tabla y esa tabla centrada en la hoja, en una pagina html , de unas dimensiones inferiores a la media de resolucion usada por los usuarios que actualmente es 1024 X 768 , por lo que tu animacion no deberia tener unas medidas superiores a 960 X 560 pixeles.
De esta forma jamas se pixelara la animacion y lo unico que vera el navegante es unos bordes de color , de mayor o menor medida dependiendo del tamaño de su resolucion.
Saludos
Muchas gracias por responder, no he podido repsonder antes porque estava de fin de semana fuera.
Lo que quiero lograr es que el fondo de mi swi ocupe el 100% visible del navegador y la pagina en si no se redimensione y tal. Llego como 5 horas mirando ejemplos etc.... y no me sale nada... estoy llegandome a desesperar.
Cancrexo lo de swfobject o AC_FL_RunContent no encontrado apenas nada en elbuscador :( lo poco que encontrado no lo he entendido.
Si teneis tiempo y ganas y podeis echarme un cable para hacer esto os lo agradeceria ya que tengo que entregar la pagina en breve y solo me falta eso.
Muchas gracias
Salud2
Lo que quiero lograr es que el fondo de mi swi ocupe el 100% visible del navegador y la pagina en si no se redimensione y tal. Llego como 5 horas mirando ejemplos etc.... y no me sale nada... estoy llegandome a desesperar.
Cancrexo lo de swfobject o AC_FL_RunContent no encontrado apenas nada en elbuscador :( lo poco que encontrado no lo he entendido.
Si teneis tiempo y ganas y podeis echarme un cable para hacer esto os lo agradeceria ya que tengo que entregar la pagina en breve y solo me falta eso.
Muchas gracias
Salud2
Hola
He preparado un ejemplo de una pagina que contendra una animacion a 960 X 560 pixeles.
Nuestra animacion siempre se vera centrada en la pagina , sin redimensionamiento , trabajemos a la resolucion que queramos.
Le he puesto un marco negro a la pelicula para que se vea mejor su tamaño y posicion.
Por supuesto la pagina no tendra scroll en el .html
Mira si es lo que quieres .
La ves en la red desde Aqui
Comprueba a varias resoluciones.
Saludos
He preparado un ejemplo de una pagina que contendra una animacion a 960 X 560 pixeles.
Nuestra animacion siempre se vera centrada en la pagina , sin redimensionamiento , trabajemos a la resolucion que queramos.
Le he puesto un marco negro a la pelicula para que se vea mejor su tamaño y posicion.
Por supuesto la pagina no tendra scroll en el .html
Mira si es lo que quieres .
La ves en la red desde Aqui
Comprueba a varias resoluciones.
Saludos
Muchisimas gracias chispa me ayudado bastante a entenderlo mejor y ver los fallos. Lo unico que en el ejemplo sale el scroll, me gustaria saber como puedo quitar el scroll, he puesto lo mismo que tu chispa scroll="no" pero sigue saliendo...
Muchas gracias por el ejemplo me ha ayudado mucho ya que soy novato y no tenia ni idea, ahora solo me faltaria quitar el scroll ;)
Saludos!!
Muchas gracias por el ejemplo me ha ayudado mucho ya que soy novato y no tenia ni idea, ahora solo me faltaria quitar el scroll ;)
Saludos!!
Hola
¿ Te sale Scroll en tu ejemplo o en el mio ?.
Si es en el tuyo indicanos la url para ver codigo fuente del html.
Saludos
¿ Te sale Scroll en tu ejemplo o en el mio ?.
Si es en el tuyo indicanos la url para ver codigo fuente del html.
Saludos
Hola's me sale scroll en los dos en el tuyo y en el mio que son iguales en ese tema. Tanto con firefox como IE.
Saludos
Saludos
Perdon corrijo, en firefox sale mal descentrado y con scroll, en IE sale perfecto...
He solucionado el problema añadiendo al codigo html;
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
html {
overflow: hidden;
}
-->
</style>
Y solucionado, el scroll = no es solo para IE.
Muchas gracias Cancrexo (aunque no entiendido lo de swfobject o sobre AC_FL_RunContent, tendré que estudiarmelo a ver como es) y sobretodo a Chispamaster como dirian "eré un ****"!!! ahahaha
Salu2
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
html {
overflow: hidden;
}
-->
</style>
Y solucionado, el scroll = no es solo para IE.
Muchas gracias Cancrexo (aunque no entiendido lo de swfobject o sobre AC_FL_RunContent, tendré que estudiarmelo a ver como es) y sobretodo a Chispamaster como dirian "eré un ****"!!! ahahaha
Salu2
Estuve peleandome hace poco tiempo para centrar una web y que se viera decente en casi todos los navegadores.
Si quereis ver el html esta en: http://www.soyunarumbera.com/galeria/prueba.html
Si quereis ver el html esta en: http://www.soyunarumbera.com/galeria/prueba.html
Buen job. ¿Conoces alguna tutorial? Me gustaría aprender swishmax y html demasiado. Estoy interesado en hacer web. Pero no quiero ir a la escuela más. jejejeje
Hola Starb
Como me quede un tanto extrañado con lo que pasaba me instale el firefox y comence a adaptar el codigo , optimizandolo a casi el mismo que tu has puesto , pero incluyendo la opcion de no mostrar scroll en la misma llave que los margenes de la pagina y no me salia bien.
Veo en tu codigo la forma correcta de ponerlo , lo verifico de todas formas y es una cosa mas que sabemos.
Yo siempre trabajo con IE y su codigo no entra dentro de los margenes estandares de programacion en html y siempre te llevas la sorpresa , pero es a lo que se acostumbra uno.
De todas formas al haber tantos navegadores diferentes , encontrar el codigo exacto para que funcione bien en todos es mas complicado , pero para un ejemplo como este de codigo tan facil , no deveria haber problema.
Saludos
Como me quede un tanto extrañado con lo que pasaba me instale el firefox y comence a adaptar el codigo , optimizandolo a casi el mismo que tu has puesto , pero incluyendo la opcion de no mostrar scroll en la misma llave que los margenes de la pagina y no me salia bien.
Veo en tu codigo la forma correcta de ponerlo , lo verifico de todas formas y es una cosa mas que sabemos.
Yo siempre trabajo con IE y su codigo no entra dentro de los margenes estandares de programacion en html y siempre te llevas la sorpresa , pero es a lo que se acostumbra uno.
De todas formas al haber tantos navegadores diferentes , encontrar el codigo exacto para que funcione bien en todos es mas complicado , pero para un ejemplo como este de codigo tan facil , no deveria haber problema.
Saludos
Hola
Realizas pruebas en firefox y me sigue fallando , yo siguo investigando por mi lado , que me ha dejado esto un poco mosca.
Saludos
Realizas pruebas en firefox y me sigue fallando , yo siguo investigando por mi lado , que me ha dejado esto un poco mosca.
Saludos
Hooooola.
A ver, hace ya tiempo que postee un método para centrar objetos en pantalla usando css, método que por cierto funciona en TODOS los navegadores si no me equivoco.
La mejor forma de centrar algo en pantalla es usando propiedades CSS: definimos una capa css (que será donde coloquemos nuestro swf) y le ponemos las propiedades necesarias para que se vea bien. Además si utilizamos el swfobject para colocar el swf, el código será mucho más limpio.
Podeis ver el ejemplo funcionando aquí
Tan solo hay que definir el ancho y el alto de la película, así como el color de fondo 2 veces (para el swf y para la capa)
Adjunto los fuentes del ejemplo.
A ver, hace ya tiempo que postee un método para centrar objetos en pantalla usando css, método que por cierto funciona en TODOS los navegadores si no me equivoco.
La mejor forma de centrar algo en pantalla es usando propiedades CSS: definimos una capa css (que será donde coloquemos nuestro swf) y le ponemos las propiedades necesarias para que se vea bien. Además si utilizamos el swfobject para colocar el swf, el código será mucho más limpio.
Podeis ver el ejemplo funcionando aquí
Tan solo hay que definir el ancho y el alto de la película, así como el color de fondo 2 veces (para el swf y para la capa)
Adjunto los fuentes del ejemplo.
Hola de nuevo, ami ahora me va de lujo... Chispa prueba el codigo que puse sin simplificar y a ver si te va, sino pongo el archivo.
Cacrexo probare tu metodo a ver que tal va, porque el codigo es mucho mas limpio con swfobject ? y en que afecta al funcionamiento, mas rapido?¿?
Por cierto chispa el otro dia vi una encuesta en que el navegador mas utilizado era el firefox... tendremos que adaptar nuestros trabajos a todos los navegadores porque esto es un cacao.... con lo facil que seria generalizarlo todo.
Estoynz en esta misma página puedes encontrar unos videotutoriales muy buenos por donde empezar a manejar el swishmax y luego tienes que ser tu el que se rompa los cuernos mirando ejemplos y demas que hay por esta gran pagina, cuando tengas problemas o dudas lo posteas y se te ayuda en un momento ;)
Salu2
Cacrexo probare tu metodo a ver que tal va, porque el codigo es mucho mas limpio con swfobject ? y en que afecta al funcionamiento, mas rapido?¿?
Por cierto chispa el otro dia vi una encuesta en que el navegador mas utilizado era el firefox... tendremos que adaptar nuestros trabajos a todos los navegadores porque esto es un cacao.... con lo facil que seria generalizarlo todo.
Estoynz en esta misma página puedes encontrar unos videotutoriales muy buenos por donde empezar a manejar el swishmax y luego tienes que ser tu el que se rompa los cuernos mirando ejemplos y demas que hay por esta gran pagina, cuando tengas problemas o dudas lo posteas y se te ayuda en un momento ;)
Salu2
CITA
Por cierto chispa el otro dia vi una encuesta en que el navegador mas utilizado era el firefox... tendremos que adaptar nuestros trabajos a todos los navegadores porque esto es un cacao.... con lo facil que seria generalizarlo todo.
Amigo, la forma correcta de trabajar es primero probar en firefox y después adaptar el trabajo para la birria del explorer
Decirte, que al usar el css
CÓDIGO
overflow:hidden
aplicado al tag body, si el swf no cabe en pantalla, no saldrán las barras de scroll. No es aconsejable usar ese tag con los swf.
CITA
porque el codigo es mucho mas limpio con swfobject ? y en que afecta al funcionamiento, mas rapido?¿?
Hombre, a simple vista a mi me parece más leible. Si nos fijamos en el código de chispa tenemos :
- No hay etiqueta <body> de apertura
- Creamos, sucesivamente:
- 1 capa, alineandola de forma incorrecta (div align="center" no es css válido)
- 1 tabla dentro de la capa anterior
- En la primera fila de la tabla metemos una celda que ocupa el 100% de la tabla
- dentro de esa celda creamos otra capa con align="center"
- a su vez, dentro de esta última capa ponemos un tag <center>
- Dentro creamos otra tabla
- En esa tabla creamos una celda
- dentro de esa celda ponemos 2 tag <center> consecutivos y un tag <p> todo para colocar ahí una referencia a un javascript externo que se podría (y se recomienda) cargar en el head del documento
- cerramos el tag </p>
- creamos otra capa llamada flashcontent, aplicandole un estilo css con style
- aplicamos un formato con la obsoleta <Font>
- cerramos el </font> y el div flashcontent
- realizamos una llamada a una rutina javascript para colocar el swf en la capa flashcontent
- etc
) el querer centrar los elementos con tablas, pero hay intentar comprender un poco lo que se hace.Ese código html, es muyyyyyyy mejorable y simplificable, por ejemplo:
CÓDIGO
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Prueba Centrado</title>
<!--Inicios SWFObject -->
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
<!--
var flashvars = false;
var params = {menu: "false", allowscriptaccess :"always", bgcolor:"#ffffff", quality: "high"};
swfobject.embedSWF("index.swf", "capaFlash", "960", "560", "9.0.0", "expressInstall.swf", flashvars, params);
-->
</script>
<!--Fin SWFObject -->
<style type="text/css">
body { background-color:#fff; color:#000; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
</style>
</head>
<body>
<table width="100%" height="100%" border="1" >
<tr>
<td align="center" valign="middle"><div id="capaFlash">Espera, cargando flash...</div></td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>Prueba Centrado</title>
<!--Inicios SWFObject -->
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
<!--
var flashvars = false;
var params = {menu: "false", allowscriptaccess :"always", bgcolor:"#ffffff", quality: "high"};
swfobject.embedSWF("index.swf", "capaFlash", "960", "560", "9.0.0", "expressInstall.swf", flashvars, params);
-->
</script>
<!--Fin SWFObject -->
<style type="text/css">
body { background-color:#fff; color:#000; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
</style>
</head>
<body>
<table width="100%" height="100%" border="1" >
<tr>
<td align="center" valign="middle"><div id="capaFlash">Espera, cargando flash...</div></td>
</tr>
</table>
</body>
</html>
que facilmente se puede poner, usando css como
CÓDIGO
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Prueba Centrado</title>
<!--Inicios SWFObject -->
<script type="text/javascript" src="swfobject.js"></script>
<!-- swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes) -->
<script type="text/javascript">
<!--
var flashvars = false;
var params = {menu: "false", allowscriptaccess :"always", bgcolor:"#ffffff", quality: "high"};
swfobject.embedSWF("index.swf", "capaFlash", "960", "560", "9.0.0", "expressInstall.swf", flashvars, params);
-->
</script>
<!--Fin SWFObject -->
<style type="text/css">
body { background-color:#fff; color:#000; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#capaFlash{
position:absolute;
left:50%;width:960px;margin-left:-480px;
top:50%;height:560px;margin-top:-280px;
background-color:#fff;
border: 0px solid #fff;
}
</style>
</head>
<body>
<div id="capaFlash"> Espera...</div>
</body>
</html>
<html>
<head>
<title>Prueba Centrado</title>
<!--Inicios SWFObject -->
<script type="text/javascript" src="swfobject.js"></script>
<!-- swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes) -->
<script type="text/javascript">
<!--
var flashvars = false;
var params = {menu: "false", allowscriptaccess :"always", bgcolor:"#ffffff", quality: "high"};
swfobject.embedSWF("index.swf", "capaFlash", "960", "560", "9.0.0", "expressInstall.swf", flashvars, params);
-->
</script>
<!--Fin SWFObject -->
<style type="text/css">
body { background-color:#fff; color:#000; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#capaFlash{
position:absolute;
left:50%;width:960px;margin-left:-480px;
top:50%;height:560px;margin-top:-280px;
background-color:#fff;
border: 0px solid #fff;
}
</style>
</head>
<body>
<div id="capaFlash"> Espera...</div>
</body>
</html>
ejemplos estos (el anterior y estos 2) que funcionan sin problema en Firefox, IE (versiones 7, 6 y 5.5), Safari y Opera.
Salu2
Hola
Yo sienpre uso Explorer y los botones los hago con Sprites
No me tireis piedras
Saludos
Yo sienpre uso Explorer y los botones los hago con Sprites
No me tireis piedras
Saludos
Hola
Modificado con tu ejemplo y ademas quitado la barra de scroll
Se ve Aqui
Hay varias cosas que se realizan diferente a con el Explorer , y hay algunas cosas que no comprendo del todo como definir tantos % de tamaño de capas del Flash.
Tengo que hacer una actualizacion personal ( o como se llame ) , que trabajo como se hacia hace algunos años.
Saludos
Modificado con tu ejemplo y ademas quitado la barra de scroll
Se ve Aqui
Hay varias cosas que se realizan diferente a con el Explorer , y hay algunas cosas que no comprendo del todo como definir tantos % de tamaño de capas del Flash.
Tengo que hacer una actualizacion personal ( o como se llame ) , que trabajo como se hacia hace algunos años.
Saludos
CITA(ChispaMaster @ 25-11-2008 - 08:29 PM)
Tengo que hacer una actualizacion personal ( o como se llame ) , que trabajo como se hacia hace algunos años.
En mi antiguo trabajo, cuando metía alguna gambada, solían decirme que tenía que hacerme un update
salu2
CITA(ChispaMaster @ 25-11-2008 - 08:29 PM)
y hay algunas cosas que no comprendo del todo como definir tantos % de tamaño de capas del Flash.
Una explicación rápida del css de capaFlash:
CÓDIGO
#capaFlash{
position:absolute;
left:50%;width:960px;margin-left:-480px;
top:50%;height:560px;margin-top:-280px;
background-color:#fff;
border: 0px solid #fff;
}
position:absolute;
left:50%;width:960px;margin-left:-480px;
top:50%;height:560px;margin-top:-280px;
background-color:#fff;
border: 0px solid #fff;
}
- position:absolute; -> Indicamos que la posición de este elemento será absoluta con respecto a la pantalla (weno, más o menos )
- left:50% -> Elemento capaFlash debe estar desplazado hacia la derecha la mitad del ancho de pantalla
- width:960px; -> definimos el ancho del elemento capaFlash
- margin-left:-480px; -> Le damos un margen negativo (hacia la izquierda) al elemento capaFlash igual a la mitad de su ancho. Así conseguimos que se centre horizontalmente (1º desplazamos hacia el centro de la pantalla con left:50% y ahora desplazamos hacia la izquierda al asignarle el margen negativo)
Salu2.
Mirando por la red este tema y tal me he topado con este archivo creo que nos puede ir bien para esto ;9 lo pongo para uqe le eches un ojo cacrexo.
Salu2
Salu2
Hola
Starb ..., , que es el .js que estamos usando .
Cancrexo , ahora si que entendi perfectamente. Gracias por la explicacion.
Saludos
Starb ...,
, que es el .js que estamos usando . Cancrexo , ahora si que entendi perfectamente. Gracias por la explicacion.
Saludos
Ya pero esque he recibido un privado preguntandomelo... ale a mandar.
Salu2
Salu2
Holas de nuevo, ya tengo la web casi lista, el unico problema esque me sale un rectangulo negro en la parte superior, como si fuera un borde. Os pego el codigo que le he puesto a la página:
Mirando mirando no encuentro el problema... será porque tengo las ojos derretidos delante del PC.
Salu2
CÓDIGO
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Starbk's Desing</title>
<meta name="Keywords" content="diseño web, diseño, diseño web, diseño web barcelona, diseño flash, diseño web freelance, diseño web, diseño web barcelona, diseñador web multimedia, diseñador web flash, diseño web multimedia, animador multimedia, diseñador barcelona, diseño barcelona, barcelona diseño, especialista flash, tecnico en diseño web, diseño freelance, diseño web freelance, diseño web de calidad, diseño web catalunya, diseño web en barcelona">
<meta content="http://www.flashcreativa.com" name="url">
<meta content="www.starbk.es" name="identifier-url">
<meta content="diseño web, diseño web barcelona, especialista flash, diseño freelance, diseño de paginas web, diseñao web barcelona, especialista en publicidad, diseño barcelona" name="page-topic">
<meta content="Internet" name="category">
<meta content="es" name="language">
<meta content="All" name="audience">
<meta content="General" name="Rating">
<meta content="Global" name="Distribution">
<meta content="Document" name="ObjectType">
<meta content="Diseño web Starbk's Desing" name="author">
<meta content="Diseño web Starbk's Desing" name="Publisher">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta content="webdesing@starbk.es" name="Reply-to">
<meta content="document" name="resource-type">
<meta content="2" name="revisit-after">
<meta content="ALL" name="Robots">
<meta content="follow" name="Robots">
<meta content="NOODP" name="GOOGLEBOT">
<meta content="NOODP" name="ROBOTS">
<meta content="si" name="Copyright">
<style type="text/css">
* {
padding:0;
margin:0;
}
body {
text-align:center;
font-family: arial, "lucida console", sans-serif;
font-size: 1em;
line-height: 1.5em;
background-color : #000000;
}
h1{
font-family: arial, "lucida console", sans-serif;
font-size: 1.1em;
color: #FFCC00;
text-align:left;
}
A:link { text-decoration: none; color:#0099FF;
}
A:visited { text-decoration: none; color:#FFFFFF;
}
A:hover { text-decoration: underline; color:#0099FF;
}
#contenedor {
width:547px;
margin:0 auto;
padding:5px;
color:#CCCCCC;
text-align:left;
}
#Izquierda {
width: 45%;
float: left;
min-width:200px;
}
#Derecha {
width: 45%;
float: right;
min-width:200px;
}
#menu div.barraMenu,
#menu div.barraMenu a.botonMenu {
font-family: arial, "lucida console", sans-serif;
font-size: 10pt;
line-height: 2em;
color: #FFFFFF;
}
#menu div.barraMenu {
text-align: left;
}
#menu div.barraMenu a.botonMenu {
background-color: #FF6600;
color: #FFFFFF;
cursor: pointer;
padding: 4px 6px 2px 5px;
text-decoration: none;
}
#menu div.barraMenu a.botonMenu:hover {
background-color: #FFCC00;
color: #000000;
}
#menu div.barraMenu a.botonMenu:active {
background-color: #FFFFFF;
color: #000000;
}
#flashcontent {
width:100%;
height:100%;
}
td {
valign: middle;
}
</style>
<script type="text/javascript">
function addBookmark(title,url) {
if (window.sidebar) {
window.sidebar.addPanel(title, url,"");
} else if( document.all ) {
window.external.AddFavorite( url, title);
} else if( window.opera && window.print ) {
return true;
}
<style type="text/css">
<!--
.Estilo3 {font-size: 9;
color: #0099FF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
.Estilo10 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}
.Estilo12 {font-size: 12px}
.Estilo15 {color: #FFFFFF}
.Estilo16 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.Estilo26 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.Estilo29 {font-size: 16px}
.Estilo32 {font-size: 24px; color: #0099FF; }
-->
</style>
<style type="text/css">
html {
overflow: hidden;
}
-->
</style>
</head><body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td align="center">
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent"><embed type="application/x-shockwave-flash" src="index.swf" id="freelance" name="freelance" bgcolor="#000000" quality="high" scale="noscale" flashvars="creacion=0" width="100%" height="100%">
</div>
</td><td><img src="" alt="" width="0" height="580"></td>
</tr>
<tr>
<td><img src="" alt="" width="700" height="0"></td><td></td>
</tr>
</tbody></table>
<a href="#"></a>
</body></html>
<html><head>
<title>Starbk's Desing</title>
<meta name="Keywords" content="diseño web, diseño, diseño web, diseño web barcelona, diseño flash, diseño web freelance, diseño web, diseño web barcelona, diseñador web multimedia, diseñador web flash, diseño web multimedia, animador multimedia, diseñador barcelona, diseño barcelona, barcelona diseño, especialista flash, tecnico en diseño web, diseño freelance, diseño web freelance, diseño web de calidad, diseño web catalunya, diseño web en barcelona">
<meta content="http://www.flashcreativa.com" name="url">
<meta content="www.starbk.es" name="identifier-url">
<meta content="diseño web, diseño web barcelona, especialista flash, diseño freelance, diseño de paginas web, diseñao web barcelona, especialista en publicidad, diseño barcelona" name="page-topic">
<meta content="Internet" name="category">
<meta content="es" name="language">
<meta content="All" name="audience">
<meta content="General" name="Rating">
<meta content="Global" name="Distribution">
<meta content="Document" name="ObjectType">
<meta content="Diseño web Starbk's Desing" name="author">
<meta content="Diseño web Starbk's Desing" name="Publisher">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta content="webdesing@starbk.es" name="Reply-to">
<meta content="document" name="resource-type">
<meta content="2" name="revisit-after">
<meta content="ALL" name="Robots">
<meta content="follow" name="Robots">
<meta content="NOODP" name="GOOGLEBOT">
<meta content="NOODP" name="ROBOTS">
<meta content="si" name="Copyright">
<style type="text/css">
* {
padding:0;
margin:0;
}
body {
text-align:center;
font-family: arial, "lucida console", sans-serif;
font-size: 1em;
line-height: 1.5em;
background-color : #000000;
}
h1{
font-family: arial, "lucida console", sans-serif;
font-size: 1.1em;
color: #FFCC00;
text-align:left;
}
A:link { text-decoration: none; color:#0099FF;
}
A:visited { text-decoration: none; color:#FFFFFF;
}
A:hover { text-decoration: underline; color:#0099FF;
}
#contenedor {
width:547px;
margin:0 auto;
padding:5px;
color:#CCCCCC;
text-align:left;
}
#Izquierda {
width: 45%;
float: left;
min-width:200px;
}
#Derecha {
width: 45%;
float: right;
min-width:200px;
}
#menu div.barraMenu,
#menu div.barraMenu a.botonMenu {
font-family: arial, "lucida console", sans-serif;
font-size: 10pt;
line-height: 2em;
color: #FFFFFF;
}
#menu div.barraMenu {
text-align: left;
}
#menu div.barraMenu a.botonMenu {
background-color: #FF6600;
color: #FFFFFF;
cursor: pointer;
padding: 4px 6px 2px 5px;
text-decoration: none;
}
#menu div.barraMenu a.botonMenu:hover {
background-color: #FFCC00;
color: #000000;
}
#menu div.barraMenu a.botonMenu:active {
background-color: #FFFFFF;
color: #000000;
}
#flashcontent {
width:100%;
height:100%;
}
td {
valign: middle;
}
</style>
<script type="text/javascript">
function addBookmark(title,url) {
if (window.sidebar) {
window.sidebar.addPanel(title, url,"");
} else if( document.all ) {
window.external.AddFavorite( url, title);
} else if( window.opera && window.print ) {
return true;
}
<style type="text/css">
<!--
.Estilo3 {font-size: 9;
color: #0099FF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
.Estilo10 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}
.Estilo12 {font-size: 12px}
.Estilo15 {color: #FFFFFF}
.Estilo16 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.Estilo26 {color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
.Estilo29 {font-size: 16px}
.Estilo32 {font-size: 24px; color: #0099FF; }
-->
</style>
<style type="text/css">
html {
overflow: hidden;
}
-->
</style>
</head><body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td align="center">
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent"><embed type="application/x-shockwave-flash" src="index.swf" id="freelance" name="freelance" bgcolor="#000000" quality="high" scale="noscale" flashvars="creacion=0" width="100%" height="100%">
</div>
</td><td><img src="" alt="" width="0" height="580"></td>
</tr>
<tr>
<td><img src="" alt="" width="700" height="0"></td><td></td>
</tr>
</tbody></table>
<a href="#"></a>
</body></html>
Mirando mirando no encuentro el problema... será porque tengo las ojos derretidos delante del PC.
Salu2
Te falta cerrar el bloque de javascript. Después de
te falta poner
Lo que si me pregunto es para que todo ese churro de css si al final no lo utilizas para nada. pero ni un poco. Osease, que quitando el css del body y de la capa flash, lo demás sobra.
Después preguntarte, que para que haces un
si no utilizas en absoluto ese script.
Y finalmente, me gustaría saber si todo eso que has puesto es simplemente para centrar el swf en pantalla.
¿Has llegado a probar alguno de los ejemplos que se han popsteado en este hilo?
Salu2
CÓDIGO
} else if( window.opera && window.print ) {
return true;
}
return true;
}
te falta poner
CÓDIGO
</script>
Lo que si me pregunto es para que todo ese churro de css si al final no lo utilizas para nada. pero ni un poco. Osease, que quitando el css del body y de la capa flash, lo demás sobra.
Después preguntarte, que para que haces un
CÓDIGO
<script type="text/javascript" src="swfobject.js"></script>
si no utilizas en absoluto ese script.
Y finalmente, me gustaría saber si todo eso que has puesto es simplemente para centrar el swf en pantalla.
¿Has llegado a probar alguno de los ejemplos que se han popsteado en este hilo?
Salu2
Gracias por la respuesta cancrexo, claro que los he mirado y reestudiado... todo lo que he puesto no era para centrarlo logicamente ;). Ya he arreglado el tema.... no veia el fallo y me desesperé ya que llevava muchas horas delante del pc.
Muchas gracias por la ayuda, creo que este tema a quedado mas que zanjado y muchos hemos aprendido a como centrar devidamente una pelicula, gracias cancrexo y chispa!!
Salu2
Muchas gracias por la ayuda, creo que este tema a quedado mas que zanjado y muchos hemos aprendido a como centrar devidamente una pelicula, gracias cancrexo y chispa!!
Salu2
Esta es una versión "reducida (lo-fi)" de nuestro contenido. Para ver la versión completa con mas información, formato e imágenes, por favor haz click aquí.