Foros del Web » Creando para Internet » CSS »

Enlaces para aclaraciones/significados

Estas en el tema de Enlaces para aclaraciones/significados en el foro de CSS en Foros del Web. He visto en varios sites, que a una determinada palabra o expresion, la enlazan de una forma en especial. Es decir, el enlace aparece subrayado ...
  #1 (permalink)  
Antiguo 19/01/2008, 10:57
 
Fecha de Ingreso: enero-2008
Mensajes: 2
Antigüedad: 16 años, 3 meses
Puntos: 0
Enlaces para aclaraciones/significados

He visto en varios sites, que a una determinada palabra o expresion, la enlazan de una forma en especial. Es decir, el enlace aparece subrayado con una linea de puntos y cuando le das (o pones el ratón en cima) sale un pequeño recuadro con el significado de las siglas, o lo que se quiera poner.
Realmente no sé si se hace con CSS o con javascript, perdonen si lo puse en el foro equivocado. Un saludo, y gracias por atenderme :)
  #2 (permalink)  
Antiguo 19/01/2008, 11:24
Avatar de aloqui  
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 16 años, 4 meses
Puntos: 24
Re: Enlaces para aclaraciones/significados

Eso se puede conseguir con la etiqueta HTML denominada "title".
Tambien se puede hacer con javascript si lo quieres hacer mas bonito, incluyendo imágenes, temporizaciones, etc. Por ejemplo, yo a veces uso la libreria overlib
__________________
Grupos de Música
Pop Music Stars
  #3 (permalink)  
Antiguo 19/01/2008, 17:22
 
Fecha de Ingreso: enero-2008
Mensajes: 2
Antigüedad: 16 años, 3 meses
Puntos: 0
Re: Enlaces para aclaraciones/significados

Gracias, al final encontré lo que queria exactamente:

<acronym title="Explicación">Siglas</acronym>

Por si le sirve a alguien en un futuro. Moverlo si es necesario al lugar correcto.

Gracias a todos igualmente, un saludo.
  #4 (permalink)  
Antiguo 19/01/2008, 20:49
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Antigüedad: 16 años, 3 meses
Puntos: 0
Re: Enlaces para aclaraciones/significados

Cita:
Iniciado por SkasS Ver Mensaje
Gracias, al final encontré lo que queria exactamente:

<acronym title="Explicación">Siglas</acronym>

Por si le sirve a alguien en un futuro. Moverlo si es necesario al lugar correcto.

Gracias a todos igualmente, un saludo.
Perdona y ese tag donde se usa?, buen lo que te quería pedir es que si lo puedes explicar... jejeje
  #5 (permalink)  
Antiguo 19/01/2008, 21:15
 
Fecha de Ingreso: enero-2008
Ubicación: #Callao {Lima:Perú;}
Mensajes: 144
Antigüedad: 16 años, 3 meses
Puntos: 7
Re: Enlaces para aclaraciones/significados

Cita:
Perdona y ese tag donde se usa?, buen lo que te quería pedir es que si lo puedes explicar... jejeje
En Código XHTML

Estraído de Webtaller
Cita:
La etiqueta <acronym> nos permite incluir una explicación de una porción de texto. Su uso ideal es para definir acrónimos. Por ejemplo si en un texto escribimos "WWW" esta etiqueta nos permitiría hacer que al pasar el ratón por encima de estas letras apareciese un cuadro informando "World Wide Web".

Así lo haríamos:

La <acronym title="World Wide Web" lang="en">WWW</acronym> es una...

Este sería el resultado:

La WWW es una...

Además, como podemos ver, sale remarcada la palabra WWW por nuestro navegador. Si te has fijado, hay un atributo "lang", este nos permite indicar el idioma del acrónimo.
En Código CSS

Es de acuerdo a tu creatividad por defecto tienen un puntitos debajo de las siglas, aunque claro puedes cambiarlo en el css por un borde solido, color o fondo.

Por ejemplo:

Cita:
acronym {
border-bottom : 1px solid #000;
}
Puedes aplicar las propiedades que queres, es como si fue alguno otra etiqueta como h1, p, etc.

Saludos
  #6 (permalink)  
Antiguo 19/01/2008, 21:27
 
Fecha de Ingreso: enero-2008
Mensajes: 10
Antigüedad: 16 años, 3 meses
Puntos: 0
Re: Enlaces para aclaraciones/significados

Cita:
Iniciado por webxedo Ver Mensaje
En Código XHTML

Estraído de Webtaller


En Código CSS

Es de acuerdo a tu creatividad por defecto tienen un puntitos debajo de las siglas, aunque claro puedes cambiarlo en el css por un borde solido, color o fondo.

Por ejemplo:



Puedes aplicar las propiedades que queres, es como si fue alguno otra etiqueta como h1, p, etc.

Saludos
Muchas gracias
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 14:01.