Hola de nuevo bueno consegui lo que queria :P primero lo que hice es descargar estos scripts
cssglobe.com/lab/tooltip/tooltip.zip
Luego Seleccionamos los archivos .js y colocarlos ennustro servidor FTP en una carpeta espeficica de nuestro theme y poner esas lineas dentro de las etiquetas <head></head>
Código PHP:
Ver original<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri() ?>/js/main.js"></script>
Luego nos vamos a nuestra hoja de estilo css y ponemos esto
(El efecto que les dare es el mismo que mostre en la imagen con la ayuda de Firebug xD)
Código CSS:
Ver original-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background: #000;
color: #FFF;
display: none;
font-size: 11px;
max-width: 280px;
opacity: .70;
padding: 3px 5px;
position: absolute;
}
Al principio el efeco solo era para firefox pero le puse la linea webkit para que funcionara sin problemas con safari y chrome.
Ahora para hacerlo funcionar hacemos esto.
Código HTML:
Ver original<a href="http://paginaweb.com" class="tooltip" title="Visitar Forosdelweb">Demo tooltip simple
</a>
bueno esto es todo la informacion la saque en.
xyberneticos.com/index.php/2008/05/09/generar-vistas-previas-y-tooltip-con-jquery
Tema Solucionado