Muy facil te paso el codigo porque no quiero ponerme a esplicar tengo pereza hoy xd
Mete el codigo en tu plantilla dentro de CSS:
a.tooltip {
position:relative;
color:#000;
text-decoration:none;
}
a.tooltip span {
display: none;
}
a.tooltip:hover span {
display:block;
position:absolute;
top:2em;
left:2em;
width:110px;
border:2px solid #000000;
background-color:#CC3333;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color:#ffffff;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
}
Y cuando quieras poner una url con imagen solo tienes que usar este codigo:
<a href="URL DEL ENLACE" class="tooltip">TEXTO DEL ENLACE <span><img src="URL DE LA IMAGEN">TEXTO QUE VA DENTRO DEL TOOLTIP</span></a>
Espero que te sirva.
Saludos.
