Easy Tooltip

Les dejo un rapido tip para crear Tooltips (Etiquetas que se activan en el Hover de un link) utilizando unicamente css. Para utilziar en caso de que no quieran complicarse mucho con la programación:

Codigo CSS

a:hover {background:#ffffff; text-decoration:none;} a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

Y ahora añadimos a los enlaces la clase "Tooltip"

Easy <a href="#"class="tooltip">Tooltip<span>Información Extra para Mostar en el Tooltip </span></a>.