En Real World Style encontr茅聽 un peque帽o truco que puede interesarles para utilizar junto a los tags ABBR y ACRONYM. Estos elementos HTML son sumamente 煤tiles, aunque poco usados, y sirven para explicar una abreviatura o un acr贸nimo a los usuarios.
Sin embargo la mayor铆a de los navegadores actuales no hace nada para se帽alar a los usuarios d贸nde se usa alguno de estos tags, por lo tanto no lo notan y no lo utilizan. Con el siguiente c贸digo CSS es posible modificar esto en todas las p谩ginas de tu sitio.
As铆 deber铆a ser tu c贸digo CSS:
abbr, acronym {
border-bottom: 1px dotted #333;
cursor: help;
}
Este c贸digo har谩 que todos estos elementos aparezcan subrayados con una l铆nea punteada y que al posar el mouse sobre 谩stas se muestre un signo de pregunta y, seguidamente, se despliegue la acotaci贸n realizada sobre el tema.
Tan s贸lo con esto ya tendremos el problema solucionado y sin esfuerzo alguno. 驴Qu茅 esperas para ponerlo en pr谩ctica?
Fuente: Real World Style
Artículos relacionados
- M谩s consejos para crear una secci贸n de Preguntas Frecuentes en tu sitio web
- C贸mo crear un slider de fotos 3D con CSS3
- Combinar todas tus hojas de estilos CSS en una sola con PHP
- Consejos para crear una secci贸n de Preguntas Frecuentes en tu sitio web
- 5 alternativas a Megaupload para subir y bajar archivos
Comentarios recientes
- diego gutierrez arias: excelente todo le q se publica en esta pagina, es de mucha ayuda, mi pro...
- christian: Hola alguien puede pasarme los archivos ? desde ya gracias quiero probar...
- Iruma: Pues vaya que todos tienen muchas cosas que contar... Yo les puedo decir...
- A2design: Seamos realistas... hay gente que paga por usar un programa... pero yo m...
- A2design: 驴no usar gif??? desde cuando...? la consigna es no usar flash que no se...
- lara: EXELENTEEEEE...
Feed de los comentarios