9.14.2012

Como usar o tooltip


Oláa gente! alá eu dando uma de boazinha here's day vou mostrar como usar o tooltip, quem não sabe do que se trata entre nesse blog
Gostaram ? Eu particularmente eu gostei muito, eu acho que deixa o blog mais atualizado e organizado!

Vamos lá ? Let's Go! (:

Ok ,esse código/tuto sláh é do blog Crazy for Candy meeo blog o3o, então se usarem creditem o Crazy e o Hey! Nanny. Plágio é crime! u-u

Esse tutorial não é dificil só é preciso atenção! :)

Vá em Design > Editar HTML > Procure por /body

E cole acima dele:


<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'/>
<style>div#qTip{
margin:17px 0;
padding:3px 5px 3px 22px; /*modifique se precisar ajustar o mini gif*/
display:none;
background:#fff  /*Cor de fundo do Tooltip*/ url(url do gif)no-repeat 5%;
text-align:left;
font-family:  'arial'; /*modifique a fonte se quiser*/
font-size:12px; /*tamanho da fonte*/
z-index:1000;
position:absolute;
color:#000; /*Cor da letra que quiser*/
border:#ccc solid 1px; /*Cor e estilo da borda que quiser*/
border-radius:10px /*Se quiser arredondar o balãozinho*/
}
</style>

Como usar ? Na postagem vá em editar html e cole:

<a href='URL' title='Descrição do link'>Nome do link</a>

Atenção:

Não modifique o que está em rosa! Só oque está em negrito as instruções estão em sublinhadas ;)'



4 comentários:

  1. Adorei o tutô!!! *o*
    Eu já uso tooltip, porque acho uma fofura só! (^^)
    Obrigada por retribuir a visita, o comentário, por seguir o Loucos Informados e por curtir a página no face. (UFA!)
    rs

    Seja bem vinda e volte sempre que quiser!
    Beijão! Ótimo FDS!!
    Loucos Informados

    ResponderExcluir
  2. Adorei a postagem , amor tem tag pra voce no meu blog,
    um beijo

    ResponderExcluir
  3. Gostei muito! Muito legal mesmo *__* vou usar! Seu blog é muito lindo: eh fofo e ainda com um visual rock! Ameii! Vou Seguir! Bjo: http://quemprecisadetvparaverbeyonce.blogspot.com.br

    ResponderExcluir