The Moon Reverse ミ✩: Quatro modelos para tooltip (Modelos e cores diferentes)

30 de novembro de 2013

Quatro modelos para tooltip (Modelos e cores diferentes)

Boa noite, reversos! ☁ Tudo certo? Hoje consegui acordar um pouco mais cedo, e olhem só: em pleno sábado! Isso é um milagre para quem acorda geralmente as duas horas, ahahaha. Que horas vocês costumam acordar em pleno final de semana? ☆*:.。. o(≧▽≦)o .。.:*☆ Ah, carinha era só para ocupar espaço, cara... Bem eu decidi postar uns modelos de tooltip, o por quê? Bem, eu nunca havia postado isso aqui no blog e acho bem útil para qualquer blog. Eu trouxe cinco modelos por que me empolguei na hora de fazer ^3^ Se usarem creditem, não esqueçam de mudar as cores bem direitinho para não ficar diferente q Sério, cuidado nas cores, minha gente.

01. Antes de usar seu tooltip escolhido vai ter que fazer uma coisinha antes. Seguinte, cole o código do quote aqui em baixo e cole acima de <head>, caso contrário, dará errado.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script language='JavaScript' src='http://yourjavascript.com/1411249631/qTip.js' type='text/JavaScript'/>

@font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
div#qTip {
margin:10px;
padding: 6px;
display: none;
no-repeat 5%;
z-index: 1000;
position: absolute;
background: #ffdce3;
box-shadow: inset 1px 1px 0 #ffc2ce;
text-shadow: 1px 1px 0 #ffedf0;
color: #ffa0b3;
font-size: 8px;
font-family: "handy";
-webkit-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 8px;
-moz-border-radius-topleft: 0;
border-radius: 8px;
border-top-left-radius: 0;
}


@font-face {
font-family: "wendy";
src: url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf"); /* para IE */
src: local("wendy"), url("http://static.tumblr.com/mw3v5cd/jxRmaip37/wendy.ttf") format("opentype");}
div#qTip {
margin:10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 5px;
display: none;
no-repeat 5%;
z-index: 1000;
position: absolute;
background: #e8e1e7;
box-shadow: inset 0px 0px 5px #ddd2dc;
text-shadow: 1px 1px 0 #f3eff3;
border: 1px solid #d2c3d1;
outline: solid 1px #e8e1e7;
outline-offset: -2px;
letter-spacing: 2px;
color: #c7b5c5;
font-size: 11px;
font-family: "wendy";
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}


@font-face {font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf');}
div#qTip {
margin:10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 5px;
display: none;
no-repeat 5%;
z-index: 1000;
position: absolute;
background: #d8e7e4;
box-shadow: inset 2px 2px 0px #c6e0db;
text-shadow: 1px 1px 0 #e6efed;
border: 1px solid #b4d3cd;
color: #b3cfc9;
letter-spacing: 1px;
font-size: 8px;
font-family: "silkscreen";
-webkit-border-top-right-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-topright: 9px;
-moz-border-radius-bottomright: 9px;
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}


@font-face {font-family: "04b03";
src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
div#qTip {
margin:10px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 5px;
display: none;
no-repeat 5%;
z-index: 1000;
position: absolute;
background: #ebebeb;
box-shadow: inset 1px 1px 0px #f6f6f6;
text-shadow: 1px 1px 0 #fff;
border: 3px double #dadada;
color: #cfcfcf;
letter-spacing: 1px;
font-size: 8px;
font-family: "04b03";
text-transform: uppercase;
}

textsms      56 comentários

  1. não deu certo e não entendi direito ; explica melhor? D:

    ownbaby.blogspot.com

    ResponderExcluir
  2. Eu costumo acordar umas 10 horas dia de sábado, mas ontem tive uma festa e cheguei em casa tava amanhecendo, então acordei 14:00 AHUSHAUSHSAU
    Que fofuras meu Deus, amei todos. Porém quero me casar com o primeiro >3<

    ResponderExcluir
  3. aaah, consegui :D
    eh que você pôs errado; é < /head > e não < head >

    u3u

    ResponderExcluir
  4. Amr, aqui no tutorial só aparece a imagem 1... a rosinha ;-;
    mas ela ficou perfeita <3
    Visita?

    ResponderExcluir
  5. Munhê você não estuda pra acordar duas horas o.O eu em huehsuehsueh.
    Adorei os tooltip todos ficaram bem fofos *u* Talvez eu use no próximo lay.

    Fairy Html - ★

    ResponderExcluir
    Respostas
    1. IANHFIAIDHAI' Tem certeza moça? Esse luxo todo só serve no sábado -q Aw, obrigada <33

      Excluir
  6. Quando eu estou na minha casa eu acordo umas 10h, mas quando eu estou na casa da minha avó geralmente acordo 14h também, 2 dorminhocas e cheias de preguiça -s.
    Os modelo estão super lindos. Como eu estou criando um novo blog e fazendo o layout, irei usar o ultimo modelo >33<

    Kissus ~

    ResponderExcluir
    Respostas
    1. ADIGHDUHFUS' Então bate aqui bem /O ~
      Aw, obrigada >33<

      Excluir
  7. seu código tá certo, desculpe o comentário anterior . meu blog não está indo o tooltip diferente D:

    ResponderExcluir
  8. Eu geralmente acordo as 7:30 da manha nos fins de semana UAHSAUSHU. Adoro acordar cedo e ficar vendo videos ate as 9:00 <3.
    Adorei os tooltips, irei usar em breve com certeza *u*.

    @P-Kpoppers

    ResponderExcluir
  9. Que layout mais perfeito *-* adorei os modelos de tooltip também, ficaram muito lindos, estou followando você!
    Beijocas da Saroca <3
    interesses-sutis.blogspot.com.br

    ResponderExcluir
  10. Que diivos *u* eu gostaria de falar de qual gostei mais, mas todos estão totalmente perfeitos <3

    htmlandresources.blogspot.com

    ResponderExcluir
  11. Que fofos, eu vou usar alguns ok?!
    E eu que acordo as 6 da manhã de um sábado, me julgue mas hoje é domindo as 5:25 e eu tô acordada.

    Beijokas ~
    -Querido Diário

    ResponderExcluir
  12. Me apaixonei por todos os modelos, que cutes <3 Acredita que no final de semana eu também acordo cedo O.o é estranho, eu sei kk'

    Beijos!
    http://criticas-on.blogspot.com.br/

    ResponderExcluir
  13. Adorei o Tutorial De Tooltip. Acordar cedo no sábado é um sacrifício ospaskapo' Acho que depois vou até usar uma dessas, são lindas.
    Kisses/~~♥♥ Cats-And--Books.blogspot.com

    ResponderExcluir
  14. adorei a ultima, ficaram lindas.

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

    ResponderExcluir
  15. Mas gente, o penúltimo e o último modelo ficaram perfeitos! *3* Um mais divo que o outro, masoq q.

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
  16. Muito Lindo seu blog, já estou seguindo :) Adorei os Modelos!

    LovelyHeartOficial.blogspot.com #byee*!

    ResponderExcluir
  17. Amei os modelos achoque vou usar o último. Ele é muito perfeito mesmo.
    Já vou até guardar como favorito *----*

    ha-unting.blogspot.com | Antigo Ana Instant

    ResponderExcluir
  18. awnnnn muito fofos....^^ adorei!!

    LP-HTML || louca-por-html.blogspot.com.br || bjos e bom fim de semana

    ResponderExcluir
  19. Amei os modelos! Perfeitos *-*

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
  20. Eu costumo acordar as 3 da tarde e.e
    Eu ainda não sei em quais fiquei porque não fiz as provas finais sasuha
    Amei os tooltips, estou usando o segundo, com créditos

    seguindo amei o blog
    http://black--bow.blogspot.com.br/

    ResponderExcluir
  21. Que lindos os modelos :3

    Beijinhos | http://snowing-in-london.blogspot.com.br/

    ResponderExcluir
  22. de tanto q gostei estou usando um (o ultimo) ^^ muito fofo....e é claro ja creditei bjossss

    LP_HTML || louca-por-html.blogspot.com.br

    ResponderExcluir
  23. Lindos modelos, principalmente o primeiro. Costumo acordar ás 11 horas por aí sabe AHSUASHAUSH ;3

    P.S.: O Nostalgie mudou, agora é Store of Dreams (tá no perfil!) >3< Beijos;

    ResponderExcluir
    Respostas
    1. AHSUHAUS' As vezes, costumo também c-c
      Obrigada Júlia <33

      Excluir
  24. Que lindos, usei o último.

    http://morango-sabor.blogspot.com.br/
    Visita?

    ResponderExcluir
  25. Meodeos, amei esses tooltips! :3 Estou construindo meu novo layout agora e estou em dúvida de qual tooltip eu posso usar, eles são todos demasiadamente perfeitos, Mack! <3
    E obrigada por visitar o Checkmate, hm?
    Até mais,
    Wendy-K (http://checkm-ate.blogspot.com.br/)

    ResponderExcluir
  26. Eu costumo acordar 9:30 mais ou menos UAEHAEUHAUHAEUH' Que modelinhos mais lindos, cara! Vou usar o último *-*
    Beijos ♡ ~
    garotas atrevidas ☆ retribui a visita?

    ResponderExcluir
  27. Gente que coisa linda são essas? Será que humilharam os meus? UAHSUHSUHSUS sempre humilha neh >.< Kissus :3

    ResponderExcluir
    Respostas
    1. AHSUAHSUH' Eu não humilho ninguém não moça ç3ç
      Obrigada Roh ♥

      Excluir
  28. Amore, ficou um pouco confuso...

    É o seguinte, eu tenho que colar o código do quote em baixo do código enorme que você colocou e acima de < head > (comentários não permitem html -q)
    Correto? Bom, eu amei, super bonitinhos!

    ~Chuuuu
    aozoraao.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Você primeiro vai pesquisar por < head > no seu html, pesquisou? Depois de achar você vai copiar o código do quote e colá-lo acima de < head >, entendeu? ALDÇAGRRAG Obrigada! <3

      Excluir

O blog não é mais atualizado com novas postagens. Mas fique à vontade para perguntar algo do seu interesse, seja relacionado às postagens ou dúvidas que lhe inquietam, estou algumas vezes entrando no blog e certamente verei se tiver comentários pendentes. Obrigada pela visita, leitor!

Este blog não é mais atualizado com novas postagens!
Ps.: Que saudade, cara... Alguém ainda vivo por aqui em 2020?