Personaizar o Tooltip

Oii minhas Balinhas de morango 

Bom hoje estarei personalizando o Tooltip :)

1- Passinho :)

                  ~  Mensagem colorida ao passar o mouse  ~

Instale o Javascript:

Vá até Design > Editar HTML e proucure por: </head>, cole acima o código abaixo:

<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/35546279/qTip_pinkskulldesign.com_.js' type='text/JavaScript'/>

---

Aplique o estilo CSS:

Continue em Editar HTML, e proucure por ]]</b:skin>, e cole o código abaixo ACIMA da tag:

div#qTip {
padding: 3px;
border: 1px solid #666; ---/* cor, expressura, e estilo da borda */
border-right-width: 2px;
border-bottom-width: 2px;
display: none;
background: #999; ---/* cor do fundo */
color: #FFF; ---/* cor do texto */
font: bold 9px Verdana, Arial, sans-serif;
text-align: left;
position: absolute;
z-index: 1000;
}

Prontinho, agora é só você modificar as cores usando sua criatividade! Depois de modificar, salve. E para conseguir este efeito é necessário usar o código abaixo:

<a href='LINK_AQUI' title='DESCRIÇÃO_DO_TITULO'>NOME_DO_LINK</a>

<img src='LINK_DA_IMAGEM' title='TÍTULO_DA_IMAGEM'/>

Creditos : Estras place fame ❤