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>
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;
}
@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;
}
@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;
}
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;
}
@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;
}
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;
}
Awwwwwwwwwwwn Mack <3 Amei esses tooltips, principalmente o segundo u3u
ResponderExcluirQue pena que não vai postar com tanta frequência, adoro seus posts TuT
♥ beijos, e-arlywinter.blogspot.com ~
Aw ♥ Obrigada, Bruna!
ExcluirNossa 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
ResponderExcluirNã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 ♥
Obrigada, Anny! ^o^ HAISUHAISUHAS' Nhaw ♥
Excluir~ esqueci çwç, você está na minha elite uwu Sua diva <3 ~
ResponderExcluirquerendo-voar.blogspot.com.br ♥
♥
ExcluirAin 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)
ResponderExcluirChu ~ || @MyPinkOcean
Nhaw ♥ Obrigada, Amy! Tudo bem, mulher ^3^
Excluiramei o rosa , vou usar no próximo layout implicadora.blogspot.com.br
ResponderExcluirObrigada, Feh ♥ Bom uso!
ExcluirQue modelinhos mais fofos <3
ResponderExcluir3diasdeprimaveirakawaii.blogspot.com.br
Obrigada, Érika! ^3^
ExcluirEste comentário foi removido pelo autor.
ResponderExcluir- Os estilos estão todos lindos ! , mas o segundo é perfeito !
ResponderExcluirAmei seu blog ta tão fofo *--* , reabri o meeu .
www.candyedream.blogspot.com.br
bjs
Obrigada, Kells! ♥
ExcluirEste comentário foi removido pelo autor.
ResponderExcluirObrigada, Kells! ♥
ExcluirQue lindo o segundo modelo, apaixonei-me por ele >-<
ResponderExcluirAbraços || barbieseumundopink.blogspot.com
Awe ♥ Obrigada, Babi!
ExcluirSão Perfeitos Mack! Irei usar o 03 e 05! Beijoos ^^
ResponderExcluirBom uso, Vicky ♥
ExcluirQue lindos , amei de amar hehehe o ultimo e o pretinho de opacidade também muito lindos
ResponderExcluirBeijos http://c-quente.blogspot.com.br
http://s-weet-d-reams.blogspot.com.br
HAISUAHSIUAHS' Obrigada, Valentina ♥
Excluirñ se preocupe, estude e faça boas provas e deixe seu boletim verdim tbm uhasuhas
ResponderExcluirEstou 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 )
Awe ♥ Estou tentando, ahaha. Estou bem q Obrigada, Mih! >3<
ExcluirTia Mack aceita afiliação com meu mais novo blog?
ResponderExcluirAdorei 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
Obrigada, Rafaela ♥ Ah, estou reservando as vagas agora, desculpe :(
Excluir"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<
ResponderExcluir~ just ✩ stars
Gente, ahaha. Então somos duas ): Awe ♥ Obrigada, Jubs! Ah, concordo, em layouts mais enfeitadinhos ficará um amor ~
ExcluirQue pena que só vai poder entrar de vez em quando Mack, isso é muito triste mesmo, sei como dói TT-TT'
ResponderExcluirAmei os tooltips, são lindos demais, parabéns pelo ótimo trabalho, como sempre!
Beijos!
www.blogblackcherry.com
Pois é, Mari ): Obrigada ^O^
ExcluirEu 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
ResponderExcluirbelow average ✌
Espero que esteja mesmo bem, visse? Poxa, o meu igualmente ): Estou literalmente fodida, ahaha. Obrigada, Nae ♥
ExcluirLindos ameiii! :3
ResponderExcluirtrick-ortreating.blogspot.com
Obrigada ^u^
ExcluirÉ chato quando estamos sem tempo para postar, né? Eu também programo minhas postagens ¬¬ postar dependendo do tempo é horrível.
ResponderExcluirMeu 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 ~
É bem chato sim ): Awe ♥ Que sorte a sua! Obrigada, Yuki >3<
ExcluirWow Mack,são lindos!!
ResponderExcluirRealmente demais,adorei os modelos vou usar!!
Espero que possa atualizar quando possível,o seu blog é incrível,sou apaixonada por ele!
Sarang Cute
Awn ♥ Obrigada, Akemi! Atualizarei o quanto antes, sim?
ExcluirÉ 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'
ResponderExcluirAmei os modelinhos, muito lindos *--* Parabéns, você tem talento !
~kiss
CS ♥
Usei um dos modelos, ok ? Coloquei seu blog na página dos créditos :3
ExcluirAwe ♥ Muito obrigada >3<
Excluirpeguei, amei todos!! *-*
ResponderExcluirObrigada ♥
ExcluirObrigada, Kyoto *O*
ResponderExcluirPeguei o modelo rosinha pro meu lay <33
ResponderExcluirBeijos ~ c-oloredcotton.blogspot.com