Vá em Design > Editar HTML > F3 > procure por </body>
Escolha um desses modelos de tooltip (feitos pela Gizaa) copie, e cole ACIMA da tag /body
TOOLTIP 1

<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 'verdana';margin:17px 0;padding:3px 25px;display:none;background:#fff url(http://4.bp.blogspot.com/-7BFeVaO2a-o/TyR4UER99oI/AAAAAAAAA3o/2rZfhjBk2WU/s1600/a.gif)no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#f9b;box-shadow:0 1px 3px #ccc;border-radius:4px}</style>
TOOLTIP 2

<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 'verdana';margin:17px 0;padding:3px 35px;display:none;background:#ffc url(http://1.bp.blogspot.com/-mVAld0yCxS0/Tyqn09bg2aI/AAAAAAAABAc/YKZUjSTXT8c/s1600/2242.gif)no-repeat 5%;text-align:left;position:absolute;z-index:1000;color:#876e59;text-shadow:0 1px #fff;box-shadow:0 1px 3px #ccc;border-radius:4px}</style>
Bom, para o tooltip aparecer precisamos usar o atributo 'title'
pra conseguir, é necessário usar o código abaixo:
Para links:
<a href='LINK_AQUI' title='DESCRIÇÃO_DO_TITULO'>NOME_DO_LINK</a>
Para imagens:
<img src='LINK_DA_IMAGEM' title='TÍTULO_DA_IMAGEM'/>
Veja um exemplo abaixo:
Efeito tooltip!
Para o uso deste tooltip a Nath do blog Morangos Tambám Falam, ela colocou:
Beiju e creditos ao Morangos Também Falam.
Para o uso deste tooltip a Nath do blog Morangos Tambám Falam, ela colocou:
<a href="http://www.cherry-miint.blogspot.com/" title="Oi, eu sou um tooltip">Efeito tooltip!</a>
Nenhum comentário:
Postar um comentário
1 - Leia o post primeiro, por favor;
2 - O comentário será aprovado, depois publicado;
3 - Trate todos bem, para receber o mesmo em troca;
4 - Deixe o URL do seu site;
5 - Aceito criticas, sugestões..