26/01/2015

Modelo para Tooltip

Bom dia! Oi gente! Hoje acordei de mau humor, por que tive um sonho, sabe quando você está dormindo e depois acorda assustada ou com raiva de alguém? Pois é, hoje foi o meu dia :3 Ontem, minha mãe assistiu um filme de terror (odeio -_-),  gente eu não gosto de filmes de terror, por que quando eu for dormir posso ter pesadelos, acho que foi isso por que eu acordei chata :3
Bom, vim trazendo hoje um modelo rosa para tooltip. Para quem não sabe o que é um tooltip:
Créditos: Reino Kawaii




Abaixo de <head> cole:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script language='JavaScript' src='http://static.tumblr.com/0xqvkot/uNAmn5zem/there.js' type='text/JavaScript'></script>

Agora antes de ]]></b:skin> cole o código abaixo:
div#qTip {padding: 4px;display: none;font: Verdana;font-size: 10px; /* tamanho da fonte */text-align: left;position: absolute;z-index: 1000;background-color: #FFDBE9;font: 11px arial;color: #fff;text-shadow: 1px 1px 0px #FFC5DD;padding: 5px;text-align: center;border: 2px solid #FFC5DD;outline: 1px dotted #FFC5DD;outline-offset: -4px;-webkit-animation: ScrollDown 1s;}

22 comentários:

  1. É sei muito bem como é isso, e imagino sua raiva porque sou do mesmo jeito hueheuheue. Bom, é legal ver blogs postando sobre html e tutoriais novamente. Ah e a tooltip é bem bonita e útil também :3

    Beijos!
    Voltamos do hiatus | teapart-y.blogspot.com

    ResponderExcluir
  2. Sera que você tem uma imagem de uma garota lobinha chibi , amei o tutorial

    ResponderExcluir
    Respostas
    1. Não. Eu não tenho, infelizmente balinha :(

      Excluir
  3. Aw,tão fofu(^_^)
    imaginesgirl.blogspot.com
    Kisses*

    ResponderExcluir
  4. Sei como é isso '-' passo por situações assim constantemente ksoasoa ôô dureza XD
    Adorei o tutorial <3
    Kiss :*

    ResponderExcluir
  5. Achei o tutorial bem massa. Otimo modelo ^^ Respondi sua tag, vai lá ver.
    Kissus da Isa
    By || Doce bunny ||

    ResponderExcluir
  6. Tutorial muito bom, é tão fofinho *-*
    Adorei o blog, seguindo!
    Com carinho,||Crazy Cake||

    ResponderExcluir
  7. Oii Thereza ♥. Adorei o modelinho para Tooltip! Puxa, eu adoraria lhe ajudar no novo layout do seu blog, mas infelizmente eu não tenho muito tempo disponível :'(. Eu sinto muito </3 eu adoraria lhe ajudar!
    Kisses candy ♥

    ResponderExcluir
  8. Eu amo filme de terror :v HAUAHUAHAU
    valeu pela idéia,vou assistir um <3 KKKKKKKKKK
    DESCULPA VC DEVE ME MATAR AGORINHA
    Amei o modelo,hiper lindo

    http://euamotutoriais.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. É tô querendo te matar agora. Obrigado ^ ^

      Excluir
  9. Linda Tooltip ♥ Obrigada pelo tutorial ♥

    [Naka Pyon!] - Visite!

    ResponderExcluir
  10. Linda a tooltip.
    Parabéns pelo tutorial flor.
    To seguindo seu blog.
    beijoks
    sorriso4met4lico.blogspot.com

    ResponderExcluir