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:
 Essa mini legenda que aparece toda vez que passamos o mouse em um link, imagem, textos...ou em qualquer lugar em que estiver aplicado. Essa legenda pode ser automática, como em links de Leia Mais, links de navegação, ou aplicada em algo com texto definido por você.
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;}
Sonhado por: Aqui: , ,

21 comentários:

  1. Unknown26 de janeiro de 2015 às 09:28

    otimo tutorial linda ^^
    Com carinho, Hina || Aishiteru em Contos ||

    ResponderExcluir
  2. diogo26 de janeiro de 2015 às 10:08

    É 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
  3. Juliwood26 de janeiro de 2015 às 11:00

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

    ResponderExcluir
  4. Anônimo26 de janeiro de 2015 às 14:42

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

    ResponderExcluir
  5. Unknown26 de janeiro de 2015 às 17:38

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

    ResponderExcluir
  6. Unknown26 de janeiro de 2015 às 19:09

    KKkkkkkkkk vdd obrigado doce ^ ^

    ResponderExcluir
  7. Isabelle 27 de janeiro de 2015 às 06:57

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

    ResponderExcluir
  8. Brenda Rocha27 de janeiro de 2015 às 09:56

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

    ResponderExcluir
  9. hi27 de janeiro de 2015 às 11:50

    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
  10. whatever27 de janeiro de 2015 às 12:00

    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
  11. Naka chan27 de janeiro de 2015 às 12:13

    Linda Tooltip ♥ Obrigada pelo tutorial ♥

    [Naka Pyon!] - Visite!

    ResponderExcluir
  12. ρaloma β.27 de janeiro de 2015 às 15:19

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

    ResponderExcluir

Assinar: Postar comentários (Atom)