A tooltip arra való, hogy ha valamilyen szókapcsolatra, képre ráviszed az egeret, megjelenik egy szöveg egy kis dobozban. Ez így elsőre még lehet, hogy nem teljesen világos, de hamarosan rájöttök, miről beszélek. Megint a DynamicDrive.com segítségét fogjuk igénybe venni (ez egyébként egy nagyon hasznos oldal, mindenkinek ajánlom).
Először is menj ERRE az oldalra. Itt a legeslő szövegdobozban lévő kódot másold ki, (csak a #-től a kapcsos zárójel végéig) és illeszd bele a css kódodba. Ezután jön a második doboz, itt az egész kódra szükséged lesz. Ezt gp-n egy oldalsó modulba, html-en a header.php/main.php fájlodba másold át.
Az első (a css kódos) részt tetszés szerint személyre szabhatod - ez lesz az a doboz, ami megjelenik ha rámész a szövegre/képre.
És most jön a tooltip használata. Ehhez a szükséges dolgokat szintén megtalálod az előbbi linken: a harmadik lépésnél a középső szürke mezőre lesz szükséged, tehát erre:

<a href="http://www.google.hu" onMouseover="ddrivetip('Felugró szöveg')"; onMouseout="hideddrivetip()">Link szövege</a>

Ez egy sima link , amire ha ráviszed az egeret megjelenik egy kis doboz, benne a szövegeddel, amit a zárójeles részhez írtál.
Ez megoldható képpel is, itt annyi a dolgod, hogy a képet a link szövegének heléyre illeszted. Tehát ez így fog kinézni:

<a href="http://www.google.hu" onMouseover="ddrivetip('Felugró szöveg')"; onMouseout="hideddrivetip()"><img src="http://kepneve.png" alt="" /></a>

Ahogy a leírás hosszúságából is látszik, ez egy rendkívül egyszerű kód, de mégis mutatós, és fel lehet vele dobni egy-két designt.