Definir la etiqueta Acronym en CSS
Tenía curiosidad y, a base de buscar y preguntar (gracias, Irra)!, he conseguido algo que tenía ganas de implementar en el blog: la gestión de acrónimos.
Con la etiqueta acronym podremos definir una pequeña explicación al pasar el ratón por encima de la palabra. Se trata de algo así como:
{acronym title=”Organización de países exportadores de petróleo”}OPEP {/acronym} (sustituyendo las llaves {} por )
Podremos definir la etiqueta en nuestra plantilla CSS de forma que aparezca subrayada y con el cursor de la ayuda (?)
Se definiría de la forma:
[acronym {border-bottom: 1px dotted #006699; cursor: help; }] (eliminando los corchetes [])
Y quedaría algo así:
OPEP
A mí me parece muy útil, así que si os puede ayudar… :-)
