Menu escondido

Tema destacado: [AIO elhacker.NET] Compilación herramientas análisis y desinfección malware

Foro de elhacker.net

Programación

Desarrollo Web

Menu escondido

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: Menu escondido (Leído 504 veces)

¡Micronet!

Desconectado

Mensajes: 159

Menu escondido

« en: 16 Noviembre 2011, 07:45 »

Hola que tal espero me puedan ayudar mi objetivo es:

Quiero hacer un menu en mi pagina web... pero quiero que los menus esten ocultos que en el momento de que pase mi raton, sobre alguna pestallita me despliegue el cuadrito que me diga una opcion

:S y no encuentro ningun ejemplo para que les pueda explicar de mejor manera :S

No busco un menu que despliegue opciones... busco un menu que en el momento de que pase mi raton, me salga el cuadrito donde diga Inicio, Blog, Quien soy o cosas asi... pero lo que implemento son botones creados en photoshop... y los quiero poner en la parte izquierda solo una pestallita de cada boton y que cuando pase el mouse, me salga "la opcion", "el boton"....

Espero me entiendan y me puedan ayudar, aunque sea si encuentran alguna pagina con algo parecido que trato de escribir seria de mucha ayuda, asi ya tendria un ejemplo de lo que estoy buscando saludos

espero su ayuda y se les agradecera de todo corazon

Por si no me supe explicar aqui un prototipo en imagen de la interfaz del menu que busco:

Citar

Gracias a: drvy | BSM , por tu opcion pero no traia el menu que busco jeje. Gracias de todos modos

(Y)


« Última modificación: 16 Noviembre 2011, 15:00 por ¡Micronet! »	En línea

"La Tarea No Se Hace, Pero No Indica Que No Se Ayude Al Estudiante"

drvy | BSM

Desconectado

Mensajes: 1.129

badstupidmonkey

Re: Menu escondido

« Respuesta #1 en: 16 Noviembre 2011, 07:47 »

Dropdown ?

-> 30 ejemplos de menu's dropdown

Saludos


	En línea

adastra

Endless Learner
Colaborador

Desconectado

Mensajes: 621

http://thehackerway.com/

Re: Menu escondido

« Respuesta #2 en: 16 Noviembre 2011, 10:54 »

Los ejemplos que te han dado estan bien para lo que necesitas, solamente debes manejar el evento onmouseover del botón (o elemento HTML que manejes).


	En línea

http://twitter.com/jdaanial
http://thehackerway.com/

"Nunca discutas con un idiota, podria no notarse la diferencia"
Kant.

drvy | BSM

Desconectado

Mensajes: 1.129

badstupidmonkey

Re: Menu escondido

« Respuesta #3 en: 16 Noviembre 2011, 16:13 »

Código

<html>
<head>
<title>Mi super menu</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {width:400px; text-align:center;}
.menu {min-height:50px;}
.menuitem {height:5px; width:50px; background:#000; color:#FFF; float:left; margin-top:15px; margin-right:5px; padding:5px; display:block;}
.menuitem:hover {margin-top:-5px; height:25px;}
.clear {clear:both;}
</style>
</head>
<body>
	<div class="menu">
		<div class="menuitem">hola</div>
                <div class="menuitem">adios</div>
                <div class="menuitem">xD</div>
        </div>
	<div class="clear"></div>
        contenido...
</body>
</html>

Adapta lo a tu gusto =)

Saludos


« Última modificación: 16 Noviembre 2011, 16:17 por drvy \| BSM »	En línea

¡Micronet!

Desconectado

Mensajes: 159

Re: Menu escondido

« Respuesta #4 en: 17 Noviembre 2011, 05:42 »

Cita de: drvy | BSM en 16 Noviembre 2011, 16:13

Código

<html>
<head>
<title>Mi super menu</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {width:400px; text-align:center;}
.menu {min-height:50px;}
.menuitem {height:5px; width:50px; background:#000; color:#FFF; float:left; margin-top:15px; margin-right:5px; padding:5px; display:block;}
.menuitem:hover {margin-top:-5px; height:25px;}
.clear {clear:both;}
</style>
</head>
<body>
	<div class="menu">
		<div class="menuitem">hola</div>
                <div class="menuitem">adios</div>
                <div class="menuitem">xD</div>
        </div>
	<div class="clear"></div>
        contenido...
</body>
</html>

Adapta lo a tu gusto =)

Saludos

Muchisimas gracias amigo

lo que estaba buscando...
sabes de casualidad como se llama ese efecto?...

para saber su nombre jejeje

, si no no hay problema MUCHSIMAS GRACIAS ;-)


	En línea

"La Tarea No Se Hace, Pero No Indica Que No Se Ayude Al Estudiante"

drvy | BSM

Desconectado

Mensajes: 1.129

badstupidmonkey

Re: Menu escondido

« Respuesta #5 en: 17 Noviembre 2011, 05:46 »

Slideup.

Saludos


	En línea

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	Forma de abrir el menu escondido (o bloqueado) de un nokia 3220 Dispositivos Móviles (PDA's, Smartphones)	Elgrande	2	710	12 Junio 2005, 21:39 por Elgrande
	copy.exe, escondido. Seguridad	jbndg	2	821	1 Junio 2009, 14:35 por Pr0x
	código vb escondido Programación Visual Basic	abelillo76	5	768	3 Junio 2009, 23:19 por YST
	problema con shellexecute escondido Programación Visual Basic	50l3r	6	1,191	22 Marzo 2010, 14:03 por 50l3r
	Iniciar aplicacion en modo escondido Programación Visual Basic	Air_Dragon	10	1,638	28 Mayo 2010, 04:48 por Air_Dragon