Efeito tooltip

Este efeito é bem legal, muitos procuram mas não é fácil de se achar, este efeito faz com que todo 'título' de um link apareça com um efeito bem legal, segue o mouse por todo o link, um exemplo, na Publicidade do site, no menu esquerdo ((passe o mouse)). Agora vamos ao tutorial.

Procure por

]]></b:skin>

E cole este código acima a esta tag

div#qTip {
display: none;
font-family: 'Overlock', cursive;
text-align: left;
position: absolute;
z-index: 1000;
background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#202020));
background: -moz-linear-gradient(top, #161616, #202020);
overflow:auto;
border-radius: 3px 6px 3px 6px;
-moz-border-radius: 3px 6px 3px 6px;
-webkit-border-radius: 3px 6px 3px 6px;
-khtml-border-radius: 3px 6px 3px 6px;
border-left: 1px solid #161616;
border-right: 1px solid #161616;
border-bottom: 1px solid #161616;
border-top: 1px solid #343434;
color:#fff;
text-shadow:#000 1px 1px 2px;
font-size:10pt;
padding:0px 6px 3px 6px;
box-shadow:#898479 1px 1px 0px;
margin-top:7px;
text-transform: lowercase;
}

Depois, procure por

</head>

E cole este javascript acima a esta tag

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js' type='text/JavaScript'/>
<link href='http://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'/>

O mais importante é o javascript, mas para modificar a cor, font e etc, é necessário usar o css.