elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Sigue las noticias más importantes de seguridad informática en el Twitter! de elhacker.NET


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Al clickear en una imagen, salga un cuadro informativo [CSS?]		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Al clickear en una imagen, salga un cuadro informativo [CSS?]  (Leído 5,338 veces)
‭lipman


Desconectado Desconectado

Mensajes: 3.062



Ver Perfil WWW
Al clickear en una imagen, salga un cuadro informativo [CSS?]
« en: 27 Julio 2010, 11:19 am »
Ya pregunté hace tiempo cómo conseguir que salga un cuadro informativo (mediante CSS) para que al pasar el ratón por encima de algo saliese, como en esta web: http://cssglobe.com/articles/link_tech/01.html

Lo que busco ahora es que aparezca al clickear encima.

Probé con CSS usando la propiedad "active", pero lo único que consigo es que me salga mientras está clickeado. Osea que al clickear normal aparece y desaparece, y yo lo que busco es que se mantenga.

Un saludo!
En línea
Twitter: jmlipman

http://delanover.com
Nakp
casi es
Ex-Staff
*
Desconectado Desconectado

Mensajes: 6.336

he vuelto :)


Ver Perfil WWW
Re: Al clickear en una imagen, salga un cuadro informativo [CSS?]
« Respuesta #1 en: 27 Julio 2010, 17:55 pm »
me temo que no obtendras mas :-\ tendras que recurrir a javascript
En línea
Ojo por ojo, y el mundo acabará ciego.
peib0l
Wiki

Desconectado Desconectado

Mensajes: 3.493


freedom


Ver Perfil WWW
Re: Al clickear en una imagen, salga un cuadro informativo [CSS?]
« Respuesta #2 en: 28 Julio 2010, 09:52 am »
por qeu no pruebas con a:hover ???

Código:
	a{
			z-index:10;
			}
		a:hover{
			position:relative;
			z-index:100;
			}			
		a span{
			display:none;
			}
		a:hover span{
			display:block;
			position:absolute;
			float:left;
			white-space:nowrap;
			top:-2.2em;
			left:.5em;
			background:#fffcd1;
			border:1px solid #444;
			color:#444;
			padding:1px 5px;
			z-index:10;			
			}


Código:
... dapibus. In <a href="#">Roll over here <span>Pure Css Tooltip</span></a>, mollis vel ...
« Última modificación: 28 Julio 2010, 09:54 am por peib0l » En línea
‭lipman


Desconectado Desconectado

Mensajes: 3.062



Ver Perfil WWW
Re: Al clickear en una imagen, salga un cuadro informativo [CSS?]
« Respuesta #3 en: 28 Julio 2010, 11:04 am »
Gracias por responder >.>

Con hover no puedo, porque quiero que se mantenga el recuadro a pesar de no tener el ratón encima de la imagen. Lo que haré será lo siguiente:

Al clickear la imagen salta un evento -> Con javascript cambio la propiedad del display, de none a block, et voilá.

Un saludo!
En línea
Twitter: jmlipman

http://delanover.com
peib0l
Wiki

Desconectado Desconectado

Mensajes: 3.493


freedom


Ver Perfil WWW
Re: Al clickear en una imagen, salga un cuadro informativo [CSS?]
« Respuesta #4 en: 28 Julio 2010, 15:12 pm »
entonces aqui tengo la solucion, bueno lo tendras  que adaptar pero creo que es lo que necesitas

http://www.elwebmaster.com/articulos/crea-atractivo-panel-vertical-con-jquery-y-css3-en-3-pasos
En línea
‭lipman


Desconectado Desconectado

Mensajes: 3.062



Ver Perfil WWW
Re: Al clickear en una imagen, salga un cuadro informativo [CSS?]
« Respuesta #5 en: 29 Julio 2010, 15:37 pm »
Muchas gracias peib0l :3 ya lo tengo solucionado

Gracias de nuevo !! ^^
En línea
Twitter: jmlipman

http://delanover.com
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Clickear sin mover mouse « 1 2 3 4 »
Programación Visual Basic 		BahiereTTi 33 15,417 Último mensaje 28 Agosto 2011, 21:50 pm
por BlackZeroX
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines