Animacion recortada sobre una web

Jomilar · #1 (**permalink**) 25/01/2008, 04:48

¿Alguien sabe que nombre reciben y cómo se hacen esas animaciones que aparecen sobre una web, sin ventana ni fondo, es decir recortadas sobre los contenidos?. Gracias

sirguy · #2 (**permalink**) 25/01/2008, 05:43

Primero necesitas el flash con wmode en transparente y los elementos recortados. Luego necesitas capas css, entre los head:

<style>
#elflash{
position:absolute;
z-index:2;
top:0px;
left:50%;
}
</style>

Esto te pondría el flash arriba del todo en mitad de la pantalla (en la horizontal 0 pixels de distancia arriba y al 50% de la horizontal, la posición absoluta y el z-index, es en que capa está).

Las etiquetas object y embed para insertar el flash los metes entre estas etiquetas:

<div id="elflash">
Aquí el flash
</div>

El div lo pones en cualquier lado del html dentro del body. A ojo debería funcionar.

Un saludo

Jomilar · #3 (**permalink**) 25/01/2008, 21:48

El codigo de Sirguy no me funcionó ni este que encontre tampoco, ¿podrían decirme porque?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>prueba</title>
</head>
<body>

<div id="flashtransparente" style="position:absolute; left:0; top:120; width:10; height:0; z-index:1;">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="650" height="650">
<param name="movie" value="files/file.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="files/file.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="650" height="650"></embed>
</object>

</div>

</body>
</html>

sirguy · #4 (**permalink**) 26/01/2008, 02:01

Sinceramente no sé porque no te funciona puesto que lo acabo de probar y me va perfectamente. Por cierto, de nada por la respuesta. Si te interesa el ejemplo ya me dirás cosas.

Jomilar · #5 (**permalink**) 26/01/2008, 05:09

Por supuesto que estoy muy agradecido contigo por tu respuesta, lo que sucede es que soy nuevo en todo esto y no sabia que volverias a mi mensaje. Recien ahora descubro que puedo mandarte mensajes privados. Realmente no me funciono y si a ti te funciona evidentemente estoy haciendo yo algo mal. De todos modos muchas gracias por tu ayuda y disculpa mi torpeza.

sirguy · #6 (**permalink**) 26/01/2008, 06:42

Un ejemplo sencillo, lo importante es el div, no el contenido html:

http://senduit.com/7a8477

(El enlace dura una semana).

Jomilar · #7 (**permalink**) 26/01/2008, 07:42

Sirguy pude ver el zip y funciona, tanto en el ie como en mozilla, gracias y buen fin de semana!