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

Animacion recortada sobre una web

Estas en el tema de Animacion recortada sobre una web en el foro de Flash y Actionscript en Foros del Web. ¿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 ...
  #1 (permalink)  
Antiguo 25/01/2008, 04:48
 
Fecha de Ingreso: noviembre-2007
Mensajes: 78
Antigüedad: 10 años
Puntos: 1
Animacion recortada sobre una web

¿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
  #2 (permalink)  
Antiguo 25/01/2008, 05:43
Avatar de sirguy  
Fecha de Ingreso: septiembre-2006
Ubicación: Mallorca
Mensajes: 959
Antigüedad: 11 años, 2 meses
Puntos: 12
Re: Animacion recortada sobre una web

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
__________________
Chanante!
  #3 (permalink)  
Antiguo 25/01/2008, 21:48
 
Fecha de Ingreso: noviembre-2007
Mensajes: 78
Antigüedad: 10 años
Puntos: 1
Re: Animacion recortada sobre una web

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>
  #4 (permalink)  
Antiguo 26/01/2008, 02:01
Avatar de sirguy  
Fecha de Ingreso: septiembre-2006
Ubicación: Mallorca
Mensajes: 959
Antigüedad: 11 años, 2 meses
Puntos: 12
Re: Animacion recortada sobre una web

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.
__________________
Chanante!
  #5 (permalink)  
Antiguo 26/01/2008, 05:09
 
Fecha de Ingreso: noviembre-2007
Mensajes: 78
Antigüedad: 10 años
Puntos: 1
Re: Animacion recortada sobre una web

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.
  #6 (permalink)  
Antiguo 26/01/2008, 06:42
Avatar de sirguy  
Fecha de Ingreso: septiembre-2006
Ubicación: Mallorca
Mensajes: 959
Antigüedad: 11 años, 2 meses
Puntos: 12
Re: Animacion recortada sobre una web

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

http://senduit.com/7a8477

(El enlace dura una semana).
__________________
Chanante!
  #7 (permalink)  
Antiguo 26/01/2008, 07:42
 
Fecha de Ingreso: noviembre-2007
Mensajes: 78
Antigüedad: 10 años
Puntos: 1
Re: Animacion recortada sobre una web

Sirguy pude ver el zip y funciona, tanto en el ie como en mozilla, gracias y buen fin de semana!
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 23:28.