ToolTip con css con opciones

[ceaped]

Buenos días para todos
Encontré un ToolTip hecho sólo con css el cual me funciona bien hasta cierto punto:

http://www.zoneartcss.com/webdesign/...-solo-con-css/

Yo deseo que se abra y se quede abierto pues adentro irá unos enlaces e imagenes.
Y que tenga una botón de cerrar.

Gracias por su ayuda

[kseso?]

Va a necesitar algo más.
Ese ejemplo es un enlace con un span que lo muestra al :hover.

Y esa pseudoclase no es persistente.
Si lo quiere realizar en puro css deberá recurrir o las que sí son presistentes:
:target
:checked
Además de necesitar otra estructura html (listas o un sitema de pestañas o tabs).
Algunos ejemplos para que se haga una idea:
Para ver el funcionamiento de unas y otras: 1
Algunos ejemplos: 2

[ceaped]

Hola kseso?, gracias por tu ayuda
Sí tienes la razón.
He buscado en google y hay gran varidad con jquery.
Sabes de alguno bueno con jquery que tenga estas opciones?:

Que se quede abierto y tengo un botón de cerrar
Y que sea de uso libre?

Gracias por tu ayuda

[ceaped]

Hola
Encontré un ToolTip hecho con css:

http://trentrichardson.com/examples/csstooltips/

Como hago para poner un enlace dentro del ToolTip?

Gracias por su ayuda

[C2am]

Simplemente le añades

Código HTML:

<a href="destino">Enlace</a>
 

Por lo que veo ya dejado de lado la idea original de que se mantenga abierto aún después de quitar el mouse.

Saludos

[kseso?]

Iniciado por ceaped

Hola
Encontré un ToolTip hecho con css:

http://trentrichardson.com/examples/csstooltips/

Como hago para poner un enlace dentro del ToolTip?

Gracias por su ayuda

Volvemos al inicio.
No puede poner un enlace dentro de ese tooltip porque el mismo tooltip es parte del enlace (un span dentro de a: <a href="..... >algo <span>tooltip</span></a>) que se muestra al a:hover

Aclárese primero, por favor, aclárenos:
¿Lo quiere con jQuery, con css?
¿que sea "permanente" o que no?
¿que contenga "unos enlaces" o sólo uno?
¿que las imágenes formen parte del mismo enlace o no?

Etc, etc.

Porque sabiendo todos qué desea exactamente mejor ayuda recibirá.

[C2am]

No puede poner un enlace dentro de ese tooltip porque el mismo tooltip es parte del enlace (un span dentro de a: <a href="..... >algo <span>tooltip</span></a>) que se muestra al a:hover

Simplemente le añades
<a href="destino">Enlace</a>

Bue... se me escapó ese detalle kseso?.
Me parece que me voy a callar a otra parte

[ceaped]

Hola, gracias por sus respuestas

Les explico:
Tengo un párrafo de texto el cual algunas palabras son un hipertexto que me muestran un toolTip y dentro del toolTip hay una imagen, un texto y 3 enlaces a YouTube.

Cuando pasemos el cursor por el hipertexto se abra el toolTip y que permita hacer clic sobre los enlaces.

Ya me explicó kseso qué no se puede sólo en .css, entonces puede ser en .css y jQuery (que sea de uso libre).

He encontrato variedades de toolTip pero ninguno que sea sobre párrafos de texto

Gracias por su ayuda

[kseso?]

Iniciado por ceaped

ya me explicó kseso qué no se puede sólo en .css, entonces puede ser en .css y jquery (que sea de uso libre).

0_0



¿dónde?

[ceaped]

Hola kseso, no entendí tu respuesta (aunque esta muy simpática...jejeje)
Todo lo relacionado con jquery es pagando?