Aqui te paso una manera de hacerlo en CSS:
a.Ntooltip {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#8fb2d0 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negritas */
}
a.Ntooltip:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#243E57; /* DEBE haber un color de fondo */
}
a.Ntooltip span {
display: none; /* el elemento va a estar oculto */
}
a.Ntooltip:hover span {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:2em; left:2em; /* donde va a estar */
width:250px; /* el ancho por defecto que va a tener */
padding:5px; /* la separación entre el contenido y los bordes */
background-color: #243E57; /* el color de fondo por defecto */
color: #FFFFFF; /* el color de los textos por defecto */
}
Esta es una forma sencilla que podrás personalizar como lo desees sin demasiados conocimientos. Espero que te sirva, saludos
