Una humilde colaboración a una pregunta frecuente:
Existen 2 formas de hacer una película con fondo transparente:
Con Flash
El archivo HTML para una película flash se puede crear usando Publish Settings donde está la opción de ajustar WMODE. Las opciones seleccionadas se agregarán a la página HTML publicada automáticamente. File > Publish Settings. Seleccionamos HTML
Elegimos "Transparent" en WMODE y publicamos.
Con Dreamweaver
En Dreamweaver es todavía más sencillo: insertamos el archivo .swf en la página y seleccionamos la película Flash en la vista de diseño.
En el panel Properties panel, elegimos Parameters y para el parámetro ponemos "wmode". Para el valor en Value, "transparent". Guardamos el documento.
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Gracias por tu Tip killersites!!
Deu!!
Por Maikel el 11 de Abril de 2006
cachofontana :
Lo de hacer transparente es muy facil con un param transparent basta, pero el problema que en fire fox eso no funciona, y nadie sabia decirme porque. Bueno lo descubrí de puro pedo! urgando y urgando vi que en el flash montado sobre el html usa dos tipos de etiquetas para hacer las mismas funciones, por ejemplo:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="541" height="242">
<param name="movie" value="oferta1.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="oferta1.swf" quality=high wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="541" height="242"></embed</object>
En este caso la propiedad transpatent funciona solo para IE porque está dentro de param. Pero si uso:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="541" height="242">
<param name="movie" value="oferta1.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="oferta1.swf" quality=high wmode=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="541" height="242"></embed</object>
En este caso funcionadría para EI y Firefox! ya que use la propiedad dentro de param y embed. Y con esto se soluciona el NO USO de los GIF que hacen esos halos de porquería y que son tan feos, el flash trasparente es lo mas LOCO! puedo hacer miles de cosas muy hermosas y bonitilllas.
el link de ese tema en el foro es:
http://www.cristalab.com/foros/viewtopic.php?p=52846#52846
algo viejo
saludos
Por eporroa el 18 de Abril de 2006
Windows and Mac OS X
Internet Explorer 3 or higher (Windows)
Internet Explorer 5.1* and 5.2* (Macintosh)
Netscape 7.0*
Mozilla 1.0 or higher*
AOL*
CompuServe*
* Macromedia Flash Player version 6,0,65,0 (Windows) or 6,0,67,0 (Macintosh) o mayores para usar esta caracteristica.
Fuente:
http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_14201
Por Amar la tierrA el 26 de Abril de 2006
saludos.
Por enrique360 el 05 de Julio de 2006
¿como solucionar esto? :b
Por 666satan el 13 de Julio de 2006
Por NeoCesar el 20 de Julio de 2006
<param name="wmode" value="transparent">
y
<embed wmode=transparent>
Si alguien sabe como hacer para que funcione la transparencia en Linux se lo agradecere mucho, por siacaso me refiero a Navegador Firefox corriendo bajo Fedora Core 5
Por el 05 de Agosto de 2006
Por camille el 09 de Agosto de 2006
Por berto el 27 de Agosto de 2006
Por Bazza el 05 de Octubre de 2006
Por d el 24 de Noviembre de 2006
Un ejemplo de parametros:
Código :
<script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "200", "100%", "7", "#336699"); so.addParam("quality", "low"); so.addParam("wmode", "transparent"); so.addParam("salign", "t"); so.write("flashcontent"); </script>Por alejandra el 30 de Noviembre de 2006
Por Dani el 13 de Diciembre de 2006
Por eveevans el 01 de Enero de 2007
Para mi, la forma mas rápida y efectiva de solucionar todos los problemas es integrar el fondo en el propio flash y la web en sí montarla en otro/os nivel/es superior/es.
Ejemplo de ello es una de las últimas en la que trabajé.. creaerte.com
Por ironpopcorn el 23 de Enero de 2007
Vi la pagina y no me agrado... el diseño esta bien, al igual que el concepto; pero a mi, por lo menos, el menu lo abrio como un pop-up y porsupuesto el explorador lo bloqueo, tuve que hacerlo de forma manual (molestia 1), trabajo con resolución 1280*1024 y me fue imposible ver la parte inferior de la película (molestia 2), el sonido no me agrado y para colmo no consegui un boton para desactivarlo(molestia 3). En conjunto, todas esas cosas me hicieron cerrar la pagina de inmediato y escribirte estas lineas... se que no tiene nada q ver con el tema, pero es una opinion...
Saludos...
Totalmente de acuerdo contigo man! Te explico los porqués a estas molestias que mencionas...
molestia 1 .- El formato pop-up es una elección del cliente (Bien sabe Dios que siempre le advertí que esto es una mala práctica)
molestia 2 .- Resolución de pantalla. Si no recuerdo mal esa web estaba diseñada para verse en resolucion a 1024 x768 en el Pop Up, donde se deshabilitan barras de herramientas y de scroll lo cual es peor... si tu la abriste manualmente mediante "www.creaerte.com/menu.htm" como intuyo, es muy probable que te haya ocurrido eso. Evidentemente este problema lo tenía en mente, pero el cliente no hace caso de mis advertencias.
molestia 3 .- No te gusta la música. NI A MI !!! pero cuando dije de poner un pequeño reproductor para seleccionar tema (cada vez que se abre la página se abre un tema aleatorio de 5) me dijo el cliente que ya era mucho meter.
No creo que esa sea una forma de avanzar en diseño y no se siente uno realizado cuando dices los problemas a los que se expone un usuario y nunca te toman en serio. Deprime mucho, creedme.
Por metrallo el 12 de Marzo de 2007
Por juan pablo el 09 de Abril de 2007
Por Ufita el 10 de Abril de 2007
Saludos
Por Ivan el 18 de Abril de 2007
yo manejo una resolucion de 1280 * 1024 px
y trabajo a la misma resolucion.
el caso es como le hago para que los visitantes de las paginas se ajuste a su pantalla osea la animacion esta a 1024 * 768 px y el visitante la tiene a la misma, pero el problema es que tiene que estar con los scrolls para que mas o menos se ajuste a su pantalla y ni asi se ajusta porque siempre le hace falta mas espacio, el chiste es que codigo manejo para que se ajuste mi animcaion a la resolucion que se tenga si es chica o grande se ajuste sin problema, espero me puedan responder se los agradecere mucho...
Por Renzo el 19 de Abril de 2007
Trabajo un menu en swf con wmode en transparente, pero el objeto de abajo tambien es un swf, entonces el menu desplegable transparente no me aparece, pero solo pasa en las pc, en las mac no tengo ese problema, alguien me puede ayudar?
Mil gracias
Por Adolfo el 23 de Abril de 2007
Por Jhony Alex Celso el 25 de Abril de 2007
Jhony Alex Celso
Por alejandro el 26 de Mayo de 2007
Por Nicomod el 06 de Junio de 2007
Por Manolo el 08 de Junio de 2007
Por Nicomod el 09 de Junio de 2007
Si alguien conoce una mejor, que avise! saludos
Por manolo el 11 de Junio de 2007
Por [email protected] el 18 de Junio de 2007
Código :
<div id="cuadro"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="800" height="540" id="top" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="flash/lalala.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <param name="wmode" value="transparent" /> <embed src="flash/lalala.swf" quality="high" bgcolor="#ffffff" width="800" height="540" name="top" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </div> <script type="text/javascript"> var so = new SWFObject("flash/lalala.swf", "top", "800", "540", "7", "#336699"); so.addParam("quality", "high"); so.addParam("wmode", "transparent"); so.write("cuadro"); </script>usa las etiquetas code para postear tu codigo
Por Ivan el 21 de Junio de 2007
Por Alejandro Cobo el 09 de Julio de 2007
<param name="wmode" value="opaque">
Por Nestor Cuellar el 31 de Agosto de 2007
Por pabletein el 03 de Septiembre de 2007
Estoy haciendo una pantalla de flash , que trabaja con visual basic 2005 y necesito hacer el flash transparente.
Alguien sabe como hacerlo?
Encontre la funcion Wmode, pero no me funciona.
Gracias?
Por Alejo el 10 de Octubre de 2007
Por JR Master el 21 de Octubre de 2007
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="9"AQUI TENGO PROBLEMAS"" height="AQUI TENGO PROBLEMAS" id="banner.swf" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="banner.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param name="devicefont" value="true">
<embed src="banner.swf" quality="high" bgcolor="#ffffff" width=""AQUI TENGO PROBLEMAS"" height=""AQUI TENGO PROBLEMAS"" name="banner.swf" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
Por agust el 21 de Octubre de 2007
Por viviana el 22 de Noviembre de 2007
Por danielaxp el 11 de Enero de 2008
Este es mi código:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" width="691" height="268">
<param name="movie" value="movie.swf" />
<param name="quality" value="high" />
<embed src="<?php echo $mosConfig_live_site;?>/templates/template/<?php echo _DIRECTION;?>/images/movie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="691" height="268"></embed>
</object>
Por Dix moy demi el 15 de Enero de 2008
Si alguien me puede ayudar este es mi correo
[email protected]
Por mercy el 03 de Marzo de 2008
Por Revik el 16 de Abril de 2008
Tengo un problema y es que tengo un banner transparente hecho en flash.
onRollOver= hay una animacion
onRollOut = otra animacion
el problema que tengo (unicamente en el puñetero IE) es que al hacer el onRollOut no hace la animacion si tengo el flash con fondo transparente. Si esta normal, si lo detecta perfectamente
se os aocurre alguna opcion?
este es el codigo que tengo puesto en html:
Código :
Al borrar la linea remarcada (se encarga de la transparencia para IE) el RollOut funciona a la perfeccion. Con la linea puesta no hace el RollOut
Se acepta cualquier tipo de informacion util...
Un saludo! y gracias de antemano
Por tanuz el 21 de Mayo de 2008
mi swf tranquilamente lo puse transparente ademas flash desde el momento de publicar lo puede hacer el codigo que ustedes ponen pero es mas practico como ustedes lo ponen, mi problema radica en que tengo unos links debajo de mi swf, se ven esos links que son de unlistado de productos pero no funcionan por que el swf esta arriba ustedes saben como puedo hacer que funcionen
mi mail es [email protected] por si tienen alguna solucion
wmode da problemas extraños, e irreparables
(y más y más)
Afortunadamente, los problemas son eso: muy extraños, y bajo circunstancias muy concretas, pero consideraba importante informaros, por si algún día a alguien le pasan "cosas raras", que sepa a qué pueden estar debidas.
Por fer el 18 de Julio de 2008
saben yo aun no puedo resolver el problema, saben en firefox de OS X 0 problem, hasta que tuve que probar en win XPuerco...
por que sera...
Por amri el 18 de Julio de 2008
Por Arturo el 18 de Septiembre de 2008
Por joakinMAX el 20 de Septiembre de 2008
Por fef! el 23 de Septiembre de 2008
Por katia el 24 de Septiembre de 2008
Por pabsso el 14 de Octubre de 2008
Por Ser el 27 de Octubre de 2008
Por fxgrafico el 16 de Noviembre de 2008
La verdad es que me gusta mucho esto y no quiero dejar de aprenderlo.
De antemano muchas gracias por la informacion que me puedan dar.
Por Carlos el 18 de Noviembre de 2008
Gracias.
Por leonardo el 25 de Noviembre de 2008
Por hector el 28 de Noviembre de 2008
Por hector el 28 de Noviembre de 2008
Por tinchoflashmen el 09 de Diciembre de 2008
Nota: vi los tutoriales pero no llego a entender del todo.
Agradecería que me respondieran aunque sea una tontería para vosotros
Por Spideep el 27 de Diciembre de 2008
Por e-lalo el 23 de Febrero de 2009
¿Alguna solucion por please? jeje
Por Edgar el 06 de Marzo de 2009
que no se supone que tiene que servir, pues no sirve, y no sé por que o que este pasando.
Ya lo hice desde flash y desde html y nada se sigue viendo el fondo,
espero alguien sea concreto y me pueda dar aunque sea una explicación ya que me parese muy raro.
[email protected]
Por Edgar el 06 de Marzo de 2009
Por data el 06 de Marzo de 2009
Por delta_hel el 17 de Marzo de 2009
Lo voy a probar.
Por lux el 21 de Abril de 2009
Acabas de salvar a dos estudiantes de audiovisuales de un trabajo que tenemos para mañana!
Estabamos ya deprimidos viendo que cada uno de los SWF traian consigo el fondo blanco!
Mil gracias!! :DDD
Por Alfredo el 25 de Abril de 2009
Por ALFREDO TAPIA el 25 de Abril de 2009
1.DISEÑAS UNA ANIMACION EN FLASH SIN FONDO,Y CREAS UN BOTON PARA DESAPARECER EL DIV QUE VA CONTENER EL SWF
EN EL BOTON ESCRIBES LO SIGUIENTE:
on (press) {
getURL("javascript:showhide('Div1')");
}
LO QUE HACE ESTA FUNCION ES LLAMAR A UN JAVA Y OCULTAR EL DIV1
___________________
2. ESTE ES LA FUNCION JAVA PARA OCULTAR
EL DIV
function showhide(idnombre) {
var elemento = document.getElementById(idnombre);
if (elemento.className == "show") {
elemento.className = "hide";
}
else {
elemento.className = "show";
}
}
______________
3 ESTE DE AQUI SE COLOCA EN EL CODIGO HTML
<div id="Div1" style="position:absolute; top:20; left:20; width:350; height:350; z-index:1; padding:0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="300">
<param name="movie" value="BANNER.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="BANNER.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="300" wmode="transparent"></embed></object>
</div>
Y ESO ES TODO APARECE EL BANNER TRANSPARENTE SOBRE EL CONTENIDO CON UB BOTON QUE VA DESPARECER LISTO BYE.
Por gracias el 14 de Mayo de 2009
Por rodrigo el 20 de Mayo de 2009
getURL("javascript:showhide('Div1')");
}
donde va... y esto
function showhide(idnombre) {
var elemento = document.getElementById(idnombre);
if (elemento.className == "show") {
elemento.className = "hide";
}
else {
elemento.className = "show";
}
}
donde se pone... gracias
Por alfredo tapia el 07 de Junio de 2009
1.DISEÑAS UNA ANIMACION EN FLASH a tu criterio SIN FONDO,Y CREAS UN BOTON este servira PARA cerrar y ocultar el banner.
seleccionas el BOTON presionas f9 para que se abra el panel de acciones y escribes LO SIGUIENTE:
on (press) {
getURL("javascript:hide('Div1')");
}
LO QUE HACE ESTA FUNCION ES LLAMAR A UN JAVA Y OCULTAR EL banner
___________________
2. ESTE ES LA FUNCION JAVA PARA OCULTAR EL DIV :esto lo colocas en el html dentro del <head>
<script type="text/javascript">
function hide(idnombre) {
var elemento = document.getElementById(idnombre);
elemento.className = "hide";
}
</script>
Este es un detalle importante que deje pasar en el comentario anterior tambien colocarlo entre el head:
<style type="text/css">
.hide { DISPLAY: none;}
</style>
______________
3 ESTE DE AQUI SE COLOCA EN EL CODIGO HTML dentro del body
<div id="Div1" style="position:absolute; top:85px; left:229px; width:350; height:350; z-index:1; padding:0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="300">
<param name="movie" value="banner.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="300" wmode="transparent"></embed></object>
</div>
4. listo eso es todo tienes un animacion flass transparante sobre el html y con un boton qeu va a cerrar la animacion.
nota: El diseño y el botón deberás hacerlo de acuerdo a tu criterio y tus conocimientos.
Por OneDike el 08 de Julio de 2009
Por hellomynameistoy el 13 de Julio de 2009
Por dd el 17 de Julio de 2009
Por gaston diamond el 24 de Agosto de 2009
Por Sabri el 06 de Octubre de 2009
Por Muelle el 26 de Octubre de 2009
Por jaimes el 03 de Noviembre de 2009
Por root el 26 de Noviembre de 2009
muy buena aportacion
Por estrella marina el 07 de Diciembre de 2009
Por jf el 29 de Diciembre de 2009
Que buena publicación..
Por Alejando el 25 de Agosto de 2010
Por picasillo el 01 de Noviembre de 2010
tal como en el logo de Icarly en su pagina web..
yo uso firefox y estaba viendo el logo en flash
pero intentare hacerlo para ver si me queda..
Por Jajajaja el 03 de Enero de 2011
Por sandra el 16 de Enero de 2011
Por emon el 13 de Febrero de 2011
Por Nayre el 15 de Febrero de 2011
Por jordyjes el 17 de Febrero de 2011
Ese es caso mío, quiero crear un pequeño .swf y pegarlo como mensaje en un foro, no importa cual, y que el flash tenga fondo transparente, porque obviamente no tengo acceso al código HTML del foro, sólo soy un usuario como puede haber millones, no soy el programador ni administrador.
Las soluciones que dieron hasta ahora son para administradores de sitio, o sea que no me sirven para mi cometido.
¿Puede ser que no haya ninguna manera?
¿Puede ser tan limitado el programa Flash? Me cuesta creerlo. Ojalá que no sea así y que se pueda lograr de alguna manera crear un maldito flash con fondo transparente sin meterse en el HTML.
Espero que puedan postear alguna solución.
Gracias.
Por david el 24 de Mayo de 2011
Por Kratos10 el 25 de Mayo de 2011
Por Taiel el 19 de Agosto de 2011
Por Javier Vargas G el 21 de Agosto de 2011
Por Wilfredo el 02 de Octubre de 2011
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TSPlayer V2.1 BlackSkin Demo</title>
</head>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="400" height="500">
<param name="movie" value="TSPlayerV2.1.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="TSPlayerV2.1.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="400" height="500"></embed>
</object>
</body>
</html>
si me pueden ayudar se lo agradezco mi correo es [email protected]
Por TERERUIZ el 20 de Enero de 2012
Quisiera su asesoría con el tema del Spray Menu, pues en mi pagina web, al abrirla en todos los browsers: Firefox o GoogleChrome NO se ven pintadas las cajas de mi menu, se ven transparentes. En algunos computadores en Internet Explorer si se ve pintado, pero en otras no… Tengo ese grave problema. Cuál es el error? qué puedo hacer para arreglarlo? Alquien me ayuda por favor. Gracias
Por eueg el 22 de Febrero de 2012
Por danny boy el 26 de Febrero de 2012
reciente mente hize una pagina web y la subi a un servidor gratuito para probarlo
y le hize algunos botones spray entonces cuando la subi bien todo que la boy abuscar el hostin no mesalen los botones spray alguien que me ayude.
Por Pellot el 20 de Marzo de 2012
Por jimmy el 23 de Agosto de 2013
como fondo de escritorio
Por altamiraweb el 26 de Noviembre de 2016
saludos.