Modelos para tooltip

 Boa noite *-* eu sei que não entrei ontem, mas foi porque estava sem vontade de postar [...] Amanhã eu volto ás aulas, e ontem eu fui comprar os materiais (materiais digo, bolsa e caderno -q) eu não quero ir pra escola, heueheu q Hoje é dia 19 e o blog irá fazer 3 meses dia 28, mas como eu vou estar estudando, não sei como vai ser. Acho que dia 28 é sábado, não é? Então sexta-feira eu do um jeito de programar uma postagem. Que mania minha de só ficar falando de mim q como vão vocês? Estão bem? Tudo na paz? Na ordem? q Eu vou bem, tirando a parte da bendita escola, como já era de se esperar. Estou com medo que fique sem amigas na turma que escolhi, porque minhas amigas vão todas pra outras salas, aí você imagina, a pobre coitada Yumi sozinha sem quem conversar. Enfim, fiz uns modelos para tooltip (não ficaram lá essas coisas, mas estão usáveis.) Vamos vê-los? c: 

Aplicando (siga para que não haja erros) 
Para aplicar a tooltip sem ter erros, vá no HTML do seu blog, dê ctrl+f e procure por <head>, ABAIXO dele cole o seguinte:
<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, vamos ver os modelos (lembre-se, faça o tutorial acima depois escolha seu modelo para que não aja erro algum. SEMPRE colando o código escolhido acima de  }]]></b:skin>, certo? 
Modelos
1° Modelos (4 cores)
Cole o código abaixo acima de  }]]></b:skin>
font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 8px;
border: solid #b5b889 1px;
display: none;
background: #c3c793;
color:#fff;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
}
Cole o código abaixo acima de  }]]></b:skin>
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 8px;
border: solid #b0bde3 1px;
display: none;
background: #bbcaf6;
color:#fff;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
}
Cole o código abaixo acima de  }]]></b:skin>
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 8px;
border: solid #e7be94 1px;
display: none;
background: #f9cb9c;
color:#fff;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
}
Cole o código abaixo acima de  }]]></b:skin>
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 8px;
border: solid #e99fe9 1px;
display: none;
background: #faa7fa;
color:#fff;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
}
2° Modelos (4 cores)
Cole o código abaixo acima de  }]]></b:skin>
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
border-radius: 3px;
display: none;
background: #856282;
box-shadow: inset 0 0 10px #744d71;
color:#fff;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
}
 Cole o código abaixo acima de  }]]></b:skin>
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
border-radius: 3px;
display: none;
background: #628565;
box-shadow: inset 0 0 10px #4c6a4e;
color:#fff;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
}

 Cole o código abaixo acima de  }]]></b:skin>
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
border-radius: 3px;
display: none;
background: #444444;
box-shadow: inset 0 0 10px #191919;
color:#fff;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
}
 Cole o código abaixo acima de  }]]></b:skin>
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
border-radius: 3px;
display: none;
background: #676c7b;
box-shadow: inset 0 0 10px #545763;
color:#fff;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
}
Bom galera, são só esses mesmo <3 São simples, mas eu gostei deles, acho que dei bastante variedades e vocês podem escolher a cor que quiser (claro, se quiser mudar pra outra cor que não tem aí, não tem problema.) Estava com muita saudade de vocês, desculpem o sumiço, mas é que amanhã eu começo a estudar e quero aproveitar. Até mais seus lindos *-*  


24 comentários:

  1. É eu procurava tanto modelos *O* PARA PARA PARADISE qq.
    Amei todos são tão fofos, tô tentando também conseguir fazer modelos para disponibilizar ainda tô aprendendo ^ ^ Por que eu disse isso? uhasuahsusausu .
    Estão lindos! Quando eu quiser um eu venho aqui ç_ç
    Beijos !
    http://querendo-voar.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. muito obrigada aninha! <3 é fácil, só tem que saber os códigos de cabeça mais você aprende ^^

      Excluir
  2. Minhas aulas também começam amanha, mas eu não vou heuheuehueheu. Amei os modeloooos, vou usar as fofuras, talvez *uuuu*. Lindos mesmos, beijos Yumi <3

    ResponderExcluir
    Respostas
    1. que sorte a tua mulher! q obrigada <3 use sim ^^

      Excluir
  3. Amei os modelos, tão fofos, tão awnt.

    Visite o blog | Etc For Me ♥

    ResponderExcluir
  4. Minhas aulas ainda bem que vão começar semana que vem, dá pra aproveitar um pouquinho, mas você vai arrumar muitos amigos sim, eu também morro de medo de ficar sozinha sem amigos nenhum >3<. Boa sorte no seu começo de aula >3<
    Ameeeeii os modelinhos ;3 ficaram muito fofos, vou até deixar nos favoritos aqui para o próximo layout .

    Beijos <3
    http://p-erfectthings.blogspot.com.br/

    ResponderExcluir
  5. Que lindos os modelos, adorei :)
    beijos ♥
    quemprecisadetvparaverbeyonce.blogspot.com.br

    ResponderExcluir
  6. As minhas aulas vão começar em fevereiro e.e estou ansiosa! Espero não me decepcionar :) Adorei os modelos, super kawaii *-*

    Unskilled

    ResponderExcluir
    Respostas
    1. caramba, fevereiro ainda? que sorte <3 obrigada!

      Excluir
  7. Que cutes , amei , principalmente o primeiro *u*
    Amor , já te coloquei na minha elite <3

    XOXO <3 || Senhorita Liberdade

    ResponderExcluir
  8. Anônimo20.1.14

    Gostei mais da primeira e a ultima, minhas aulas vão demorar umas 2 semanas pra começar.

    http://stroke-of-insanity.blogspot.com.br/

    ResponderExcluir
  9. ahhh adoreiii a tempos procurava um modelo assim para mim usar em meu blog, parabéns pelo tuto super útil, seu blog é lindo, seguindo aqui, beijão e fique com deus..
    http://zombiecutie.blogspot.com/

    ResponderExcluir
  10. Adorei !!

    http://galaxykawaiii.blogspot.com.br/

    ResponderExcluir
  11. Hoje minhas aulas começaram, nem fui hasuhsusa
    Amei os modelos, diferentes e originais, porém estão maravilhoso *OOOO*
    Kiss
    With You || Imperfectous


    ResponderExcluir
    Respostas
    1. sorte sua asuahsuahsauhs obrigaaaaaada!

      Excluir
  12. Eu nem compro materiais, minha mãe vai lá compra algumas canetas, lápis, borrachas extras e eu colo uma foto na capa de um caderno simples :)) Adorei os modelos
    Um beijo
    http://bombasticmusics.blogspot.com

    ResponderExcluir