Personalizando a Tooltip

Heey, passei aqui pra ensinar a você personalizar a Tooltip.

Pra quem não sabe o que é uma Tooltip é aquela mensagem que quando

passamos o mouse em determinados links aparecem.

Esse tuto é muito fácil e dá um efeito legal no seu blog ,

Créditos ao blog KLD ->(www)

Clique em read more ai e mãos a obra .

Let's Go?!

Abra o seu html e aperte ctrl+f ou F3

na caixa de busca digite.

</body>

 Acima dessa tag cole o seguinte código

 </script>
  <b:include data='blog' name='google-analytics'/>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/>

<script src='http://gizaa.googlecode.com/files/qTip.js' type='text/javascript'/>
<style>div#qTip{font:bold 10px &#39;verdana&#39;margin:17px 0;padding:3px 25px;display:none;background:#fff url()no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#BF3EFF;border: 1px solid #AFEEEE; box-shadow:0 1px 3px #BF3EFF;border-radius:7px} </style> 

 Entenda!

&#39;verdana&#39; - É a fonte do toolip. Se não quiser a fonte "verdana", apague todo esse trecho e substitua pela fonte que você quer.

background: #fff; - É o fundo do toolip. Se não quiser o fundo branco, modifique o "#fff" pela cor desejada. Clique aqui para ver a Tabela de Cores.

text-align:left; - É o alinhamento do texto. Se não quiser o alinhamento na esquerda, modifique "left" por center (centro) ou right (direita).

color:#BF3EFF; - É a cor do texto do toolip. Se não quiser essa cor, modifique o "#BF3EFF" pela cor desejada.

border: 1px solid #AFEEE; - É a borda do toolip. Nele, tem a espessura, tipo de linha e cor da linha. Você pode modificar o tipo de linha por dotted (linha de bolinhas) ou dashed (linha tracejada). Se não quiser a cor, modifique.

box-shadow:0 1px 3px #BF3EFF; - É a sombra do toolip. Se não quiser, apague esta parte.

border-radius:7px} - É a borda arredondada. Se não quiser, apague esta parte.

O que achou do resultado? *--*