Comunidad de diseño web y desarrollo en internet online

Menu Flash Ocultado.

Citar            
MensajeEscrito el 12 Nov 2008 06:27 am
Saludos

Bueno recurro a su ayuda por que tengo que diseñar un menú en flash horizontal, y que al colocarse sobre un boton muestre un menu desplegable a otros botones, ese no es el problema real.

Ya he terminado la creación de ese menu, ahora bien el detalle viene que supongamos que mide 540 x 80, entonces el menú que se despliega ocupa otros 80 px, aproximadamente de alto serían casi 180 px, entonces yo necesito que mida específicamente 80 px de alto, pero si hago eso no se muestra el menu que se despliega, y si lo hago mas grande el menu aparece, pero se muy descuadrado y sin forma.

Es decir el menu desplegable se auto oculta detrás de la imagen, texto o cualquier otro elemento html, y yo necesito que salga sobre ese elemento, y sobre todo sin alterar el tamaño original.

[img]http://img240.imageshack.us/my.php?image=menuerrorcg3.jpg[/img] :wink:

Lei que tenia que ver algo con la hoja de estilos, pero desconosco que tan cierto es. Gracias por los aportes, y si de paso alguien tiene un script para la transparencia del boton desplegable, será bienvenido.

Saludos :P

Por Evanfallen

31 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Dic 2008 07:42 pm
No te enredes amigo, es mas sencillo de lo que imaginas solo necesitas meter todo en div y usar el parametro z-index en el html para cada uno, el z-index debe tener un numero entero entre mayor sea este numero mas arriba estara, esto pensando en los angulos Y, X, Z / X= izquiera derecha / Y=arriba abajo / Z=adelante atras / por ejemplo:

tienes una imagen un texto html y un swf cada uno en un div- la imagen: z-index:0 / el texto z-index:1 y el flash (swf) z-index:2 entonces quedaria la imagen de fondo el texto arriba y el swf arriba de todos completamente

entonces dependiendo lo que necesites ponerle un z-index a el flash y otro lo de mas sea texto o imagen etc. precisamente acabo de hacer un post donde pongo un codigo html para hacer eso, en mi caso necesitaba que el flash estuviera abajo, como fondo pues es de 100%x100% en tu ccaso seria todo lo contrario pero te sirve perfectamente el siguiente codigo, solo que yo tengo los parametros position: absolute y relative en los div para poder uno estar sobre otro completamente en tu caso no creo que sea necesario hacerlo pues la barra va arriba y imagen va abajo solo usando el angulo Y igual aqui te dejo el codigo:

<html>
<head>

<title>Prueba de Overlapping</title>
<style type="text/css">
#movie_up{ position:absolute; z-index:1; } #movie_down{ position:relative; z-index:0; }
</style>
</head>
<body>


<div id="movie_up">

//cualquiera que sea el contenido que quieres sobre poner a el SWF sea texto, imagen, otro swf, javascript etc//
</div>

<div id="movie_down">
<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="100%" height="100%">
<param name="movie" value="flash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed wmode="transparent" src="flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
</object>
</div>


</body>
</html>


en mi caso el swf tiene ativo el "wmode" value="transparent" para que el fondo del swf sea transparente intenta cambiando el parametro tambien.

Por incubus

5 de clabLevel



 

Colombia

firefox
Citar            
MensajeEscrito el 26 Feb 2009 03:41 am
Wow excelenet epost y pensar que dure una noche tratando de hacer est a$#%$#&#$%&#$&$.

Mil gracias compa, aunque evanfallen no agradecio, yo si :) :D

Por dsintek

6 de clabLevel



 

Guadalajara

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.