12.7.15

Seis modelos para tooltip (02)

Olá, meus gatinhos (๑・ω-)~♥”Acho tão fofo esses comprimentos, sério Como vocês estão? Espero que todos estejam muito bem e com o boletim bem  verdinho  que  nem  alface TuT Bom, por hoje fiz seis modelinhos de tooltip para vocês, foi a Anna que pediu que fizesse-os, espero que estejam de bom grado, sim?  Anyway, eu sei que é bastante, mas isso é bom, não é? Eu achei que ficaria repetitivo se colocasse apenas cinco como a da postagem dos blockquote, além de que não deu trabalho para fazer. Mas espero que vocês gostem e usem bastante! Creditem devidamente, por favor. Até mais  a próxima  postagem, meus anjos!  ~( ๑╹っ╹๑ )~

01. Cole o código do blockquote abaixo acima de <head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript" src="//yourjavascript.com/1411249631/qTip.js" type="text/JavaScript"></script>
 
Modelo 01 - Cole o código do quote abaixo acima de ]]></b:skin>
div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 5px;
padding: 4px;
background: #dbe3e8;
background: -moz-linear-gradient(top,  hsla(203,22%,89%,1) 47%, hsla(204,28%,93%,1) 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,hsla(203,22%,89%,1)), color-stop(50%,hsla(204,28%,93%,1)));
background: -webkit-linear-gradient(top,  hsla(203,22%,89%,1) 47%,hsla(204,28%,93%,1) 50%);
background: -o-linear-gradient(top,  hsla(203,22%,89%,1) 47%,hsla(204,28%,93%,1) 50%);
background: -ms-linear-gradient(top,  hsla(203,22%,89%,1) 47%,hsla(204,28%,93%,1) 50%);
background: linear-gradient(to bottom,  hsla(203,22%,89%,1) 47%,hsla(204,28%,93%,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe3e8', endColorstr='#e8eef2',GradientType=0 );
box-shadow: inset 0 0 4px #b3c1cc, 0 0 3px #f1f1f1;
font-family: arial;
font-size: 10px;
letter-spacing: .1em;
color: #fff;
text-shadow: 1px 1px 0 #ced8e0;
}

 
Modelo 02 - Cole o código do quote abaixo acima de ]]></b:skin>
@font-face {font-family: "mack"; src: url('http://static.tumblr.com/74tqsur/YTAn5dfle/mack.ttf');}
div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 5px;
background: #ffeaee;
box-shadow: inset 0 0 4px #ffcdd7, 0 0 2px #f2f2f2;
border: 1px solid #ffced8;
outline: solid 1px #fff7f9;
outline-offset: -2px;
text-shadow: 1px 1px #fff9fa;
padding: 5px;
font-family: "mack";
font-size: 8px;
text-transform: lowercase;
letter-spacing: .1em;
color: #ffbecb;
}

 
Modelo 03 - Cole o código do quote abaixo acima de ]]></b:skin>
@font-face { font-family: "PF Arma Five";
src: url('http://static.tumblr.com/xf6erfz/sUBm594pm/pf_arma_five.ttf'); src: format('truetype');}
div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 5px;
background: #e8e1e7;
box-shadow: inset 0 0 4px #d6c8d5, 3px 3px 0 #f7f7f7;
border-radius: 2px;
padding: 5px;
font-family: "PF Arma Five";
font-size: 8px;
text-transform: lowercase;
color: #d2c3d1;
text-shadow: 1px 1px #f1ecf1;
}

 
Modelo 04 - Cole o código do quote abaixo acima de ]]></b:skin>
div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 6px;
background: #000;
padding: 5px;
font-family: "Trebuchet MS";
-moz-opacity: 0.28;
-khtml-opacity: 0.28;
opacity: 0.28;
filter:alpha(opacity=28);
font-size: 11px;
text-transform: lowercase;
color: #fff;
}
 
Modelo 05 - Cole o código do quote abaixo acima de ]]></b:skin>
@font-face { font-family: "wendy"; src: url('http://static.tumblr.com/ptojqrs/Wzumzodi5/wendy.ttf'); }
div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 5px;
background: #cecfd3;
background: -moz-linear-gradient(top,  hsla(228,5%,82%,1) 45%, hsla(225,5%,84%,1) 46%, hsla(225,5%,84%,1) 46%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,hsla(228,5%,82%,1)), color-stop(46%,hsla(225,5%,84%,1)), color-stop(46%,hsla(225,5%,84%,1)));
background: -webkit-linear-gradient(top,  hsla(228,5%,82%,1) 45%,hsla(225,5%,84%,1) 46%,hsla(225,5%,84%,1) 46%);
background: -o-linear-gradient(top,  hsla(228,5%,82%,1) 45%,hsla(225,5%,84%,1) 46%,hsla(225,5%,84%,1) 46%);
background: -ms-linear-gradient(top,  hsla(228,5%,82%,1) 45%,hsla(225,5%,84%,1) 46%,hsla(225,5%,84%,1) 46%);
background: linear-gradient(to bottom,  hsla(228,5%,82%,1) 45%,hsla(225,5%,84%,1) 46%,hsla(225,5%,84%,1) 46%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecfd3', endColorstr='#d4d5d8',GradientType=0 );
box-shadow: inset 0 0 3px #bbbec7, 0 0 8px #e3e3e3;
border: 3px solid #fff;
padding: 3px 5px 3px 5px;
font-family: "wendy";
font-size: 10px;
letter-spacing: .1em;
text-transform: lowercase;
color: #fff;
text-shadow: 1px 1px 0 #bbbec7;
}

 
Modelo 06 - Cole o código do quote abaixo acima de ]]></b:skin>
div#qTip {
position: absolute;
z-index: 1700;
display: none;
margin-top: 5px;
background: #e0d5c0;
background: -moz-linear-gradient(top,  #e0d5c0 75%, #e4dccb 77%, #e4dccb 77%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#e0d5c0), color-stop(77%,#e4dccb), color-stop(77%,#e4dccb));
background: -webkit-linear-gradient(top,  #e0d5c0 75%,#e4dccb 77%,#e4dccb 77%);
background: -o-linear-gradient(top,  #e0d5c0 75%,#e4dccb 77%,#e4dccb 77%);
background: -ms-linear-gradient(top,  #e0d5c0 75%,#e4dccb 77%,#e4dccb 77%);
background: linear-gradient(to bottom,  #e0d5c0 75%,#e4dccb 77%,#e4dccb 77%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0d5c0', endColorstr='#e4dccb',GradientType=0 );
box-shadow: inset 1px 1px 0 #ede7dd;
border: 1px solid #cfc0a5;
padding: 4px;
font-family: "arial";
font-size: 10px;
text-transform: lowercase;
color: #fff;
text-shadow: 1px 1px 0 #cbbc9f;
}

47 comentários

  1. Awwwwwwwwwwwn Mack <3 Amei esses tooltips, principalmente o segundo u3u
    Que pena que não vai postar com tanta frequência, adoro seus posts TuT

    ♥ beijos, e-arlywinter.blogspot.com ~

    ResponderExcluir
  2. Nossa eles estão lindos, você se superou haha! Também estou em semana de provas , mas dei uma fugidinha pra ver se você já tinha feito outro post, é realmente muito corrido queria procurar uma postadora pro meu blog, acho que os meus leitores vão ficar sem nenhum post T^T
    Não é repetitivo mas ficaram bem legais nessas novas cores *OO* Se bem que eu terminei de fazer meu layout bem quando você postou T^T, mas vou ver se tem como mudar e-e
    ''Bom, por hoje fiz seis modelinhos de tooltip para vocês, foi a Anna que pediu que fizesse-os, espero que estejam de bom grado, sim? Anyway'' *O* PERA AI, EU VOU MORRER ESPERA JÁ VOLTO -qq Nossa *O* q ~ sou ''bexta'' assim mesmo, não ligue dkfjnasdjfnaksdfn q ~
    Enfim acho que esses são os melhores modelos de tooltip que eu já vi *O* É sim estão ao meu agrado u-u Como sempre q advkjhasdnkfjnadkjfnajdf

    Boa sorte ai com as suas provas, estude ^3^ ~ Um abraço enorme, Mack ♥ ~
    querendo-voar.blogspot.com.br ♥

    ResponderExcluir
    Respostas
    1. Obrigada, Anny! ^o^ HAISUHAISUHAS' Nhaw ♥

      Excluir
  3. ~ esqueci çwç, você está na minha elite uwu Sua diva <3 ~
    querendo-voar.blogspot.com.br ♥

    ResponderExcluir
  4. Ain unnie me desculpe não ter comentado na postagem anterior, não tive tempo O_O' estava com saudades daqui u3u AMEI o primeiro e o segundo tooltip, sério mais que coisas fofas são essas?? Principalmente o rosa ♥ (que já vou usar no próximo layout -q)

    Chu ~ || @MyPinkOcean

    ResponderExcluir
    Respostas
    1. Nhaw ♥ Obrigada, Amy! Tudo bem, mulher ^3^

      Excluir
  5. amei o rosa , vou usar no próximo layout implicadora.blogspot.com.br

    ResponderExcluir
  6. Que modelinhos mais fofos <3
    3diasdeprimaveirakawaii.blogspot.com.br

    ResponderExcluir
  7. Este comentário foi removido pelo autor.

    ResponderExcluir
  8. - Os estilos estão todos lindos ! , mas o segundo é perfeito !
    Amei seu blog ta tão fofo *--* , reabri o meeu .
    www.candyedream.blogspot.com.br
    bjs

    ResponderExcluir
  9. Este comentário foi removido pelo autor.

    ResponderExcluir
  10. Que lindo o segundo modelo, apaixonei-me por ele >-<
    Abraços || barbieseumundopink.blogspot.com

    ResponderExcluir
  11. São Perfeitos Mack! Irei usar o 03 e 05! Beijoos ^^

    ResponderExcluir
  12. Que lindos , amei de amar hehehe o ultimo e o pretinho de opacidade também muito lindos

    Beijos http://c-quente.blogspot.com.br
    http://s-weet-d-reams.blogspot.com.br

    ResponderExcluir
  13. ñ se preocupe, estude e faça boas provas e deixe seu boletim verdim tbm uhasuhas
    Estou bem e vc?
    Amei os modelos, vou usá-los no meu layout free <3
    Bjs da Mih,
    garotasdohtml.blogspot.com.br (se quiser se tornar uma seguidora morango é só seguir uhasuhasuhas )

    ResponderExcluir
    Respostas
    1. Awe ♥ Estou tentando, ahaha. Estou bem q Obrigada, Mih! >3<

      Excluir
  14. Tia Mack aceita afiliação com meu mais novo blog?
    Adorei as tooltips talvez eu use a 2 no meu proximo layout
    Bjs
    Blog:https://thefluffypear.blogspot.com.br
    Novo Blog:https://unicorngalaxy.blogspot.com.br
    Obs.:Estou Usando seu layout free (6)Blueberry

    ResponderExcluir
    Respostas
    1. Obrigada, Rafaela ♥ Ah, estou reservando as vagas agora, desculpe :(

      Excluir
  15. "Boletim verde que nem alface TuT" Eu acho que o meu vai ficar vermelhinho que nem um tomate, HUASHUASHUAHSH' Gente os tooltip's estão uma gracinha <3 o último tá tão amor ahmmmmmmmmm <3 Eu gostei de todos, só não do rosinha, porque eu acho que ele não combinaria com um layout simples :V mas quem tem aqueles layouts todos enfeitadinhos fica muito lindo, mas ele está lindo também (não entenda mal) é porque não gosto de coisas assim, gosto de tudo simples mesmo, haha >3<

    ~ just ✩ stars

    ResponderExcluir
    Respostas
    1. Gente, ahaha. Então somos duas ): Awe ♥ Obrigada, Jubs! Ah, concordo, em layouts mais enfeitadinhos ficará um amor ~

      Excluir
  16. Que pena que só vai poder entrar de vez em quando Mack, isso é muito triste mesmo, sei como dói TT-TT'
    Amei os tooltips, são lindos demais, parabéns pelo ótimo trabalho, como sempre!
    Beijos!

    www.blogblackcherry.com

    ResponderExcluir
  17. Eu to bem, eu acho. Obrigada por perguntar Mack! Meu boletim quase foi pro vermelho esse trimestre, qua-se; Enfim, que modelos maravilhosos, eu amei <3

    below average ✌

    ResponderExcluir
    Respostas
    1. Espero que esteja mesmo bem, visse? Poxa, o meu igualmente ): Estou literalmente fodida, ahaha. Obrigada, Nae ♥

      Excluir
  18. Lindos ameiii! :3

    trick-ortreating.blogspot.com

    ResponderExcluir
  19. É chato quando estamos sem tempo para postar, né? Eu também programo minhas postagens ¬¬ postar dependendo do tempo é horrível.
    Meu boletim ta verdin u-u
    Amei esses modelos, tooltips bem diferentes, gostei muito da terceira :3
    Seguindo aqui >3<

    >> brasiaticos.blogspot.com.br/
    - C h u ~

    ResponderExcluir
    Respostas
    1. É bem chato sim ): Awe ♥ Que sorte a sua! Obrigada, Yuki >3<

      Excluir
  20. Que fofos! Peguei o último para meu futuro layout <3
    Na verdade quase todo ele é de seus tutôs >3<

    ResponderExcluir
  21. Wow Mack,são lindos!!
    Realmente demais,adorei os modelos vou usar!!
    Espero que possa atualizar quando possível,o seu blog é incrível,sou apaixonada por ele!

    Sarang Cute

    ResponderExcluir
    Respostas
    1. Awn ♥ Obrigada, Akemi! Atualizarei o quanto antes, sim?

      Excluir
  22. É chato mesmo quando não podemos entrar no computador e atualizar blogs e afins, dá uma saudade... Espero que isso só seja uma fase passageira. Estou bem e (espero) com o boletim bem verdinho e.e'
    Amei os modelinhos, muito lindos *--* Parabéns, você tem talento !

    ~kiss
    CS ♥

    ResponderExcluir
    Respostas
    1. Usei um dos modelos, ok ? Coloquei seu blog na página dos créditos :3

      Excluir
  23. Peguei o modelo rosinha pro meu lay <33
    Beijos ~ c-oloredcotton.blogspot.com

    ResponderExcluir

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!