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;
}
não deu certo e não entendi direito ; explica melhor? D:
ResponderExcluirownbaby.blogspot.com
Hmm ç3ç Acho que está explicado IAJIDJAIFJIA'
ExcluirEu 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
ResponderExcluirQue fofuras meu Deus, amei todos. Porém quero me casar com o primeiro >3<
AHUDHUFHA' Ui, gente -q
ExcluirAw, obrigada ç3ç
aaah, consegui :D
ResponderExcluireh que você pôs errado; é < /head > e não < head >
u3u
AHUSH' Yeey ~
ExcluirNão, não, era /head mesmo, maaas...
Amr, aqui no tutorial só aparece a imagem 1... a rosinha ;-;
ResponderExcluirmas ela ficou perfeita <3
Visita?
DD: Aw, mas obrigada <3
ExcluirMunhê você não estuda pra acordar duas horas o.O eu em huehsuehsueh.
ResponderExcluirAdorei os tooltip todos ficaram bem fofos *u* Talvez eu use no próximo lay.
Fairy Html - ★
IANHFIAIDHAI' Tem certeza moça? Esse luxo todo só serve no sábado -q Aw, obrigada <33
ExcluirQuando 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.
ResponderExcluirOs modelo estão super lindos. Como eu estou criando um novo blog e fazendo o layout, irei usar o ultimo modelo >33<
Kissus ~
ADIGHDUHFUS' Então bate aqui bem /O ~
ExcluirAw, obrigada >33<
seu código tá certo, desculpe o comentário anterior . meu blog não está indo o tooltip diferente D:
ResponderExcluirNada amor >3<
ExcluirEu geralmente acordo as 7:30 da manha nos fins de semana UAHSAUSHU. Adoro acordar cedo e ficar vendo videos ate as 9:00 <3.
ResponderExcluirAdorei os tooltips, irei usar em breve com certeza *u*.
@P-Kpoppers
Oush, é muuito cedo Amy ç3ç
ExcluirAw, obrigada ♥
Que layout mais perfeito *-* adorei os modelos de tooltip também, ficaram muito lindos, estou followando você!
ResponderExcluirBeijocas da Saroca <3
interesses-sutis.blogspot.com.br
Obrigaada ♥
ExcluirQue diivos *u* eu gostaria de falar de qual gostei mais, mas todos estão totalmente perfeitos <3
ResponderExcluirhtmlandresources.blogspot.com
Aw, thanks ♥
ExcluirQue fofos, eu vou usar alguns ok?!
ResponderExcluirE 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
Sem problemas <3 Que isso moça O-O HSUHUSAHUS' -Q
ExcluirMe 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'
ResponderExcluirBeijos!
http://criticas-on.blogspot.com.br/
SHAUHSUAHS' Life ~
ExcluirAw, thanks ♥
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.
ResponderExcluirKisses/~~♥♥ Cats-And--Books.blogspot.com
Thaanks ç3ç
Excluiradorei a ultima, ficaram lindas.
ResponderExcluirhttp://stroke-of-insanity.blogspot.com.br/
Obrigada ç3ç
ExcluirMas gente, o penúltimo e o último modelo ficaram perfeitos! *3* Um mais divo que o outro, masoq q.
ResponderExcluirUm grande beijo,
Juu-Chan || Nescau com Nutella
HSUAHS' Obrigada Juu ♥
ExcluirMuito Lindo seu blog, já estou seguindo :) Adorei os Modelos!
ResponderExcluirLovelyHeartOficial.blogspot.com #byee*!
Obrigada >3<
ExcluirAmei os modelos achoque vou usar o último. Ele é muito perfeito mesmo.
ResponderExcluirJá vou até guardar como favorito *----*
ha-unting.blogspot.com | Antigo Ana Instant
Obrigaada <3
Excluirawnnnn muito fofos....^^ adorei!!
ResponderExcluirLP-HTML || louca-por-html.blogspot.com.br || bjos e bom fim de semana
Obrigada ç3ç
ExcluirAmei os modelos! Perfeitos *-*
ResponderExcluirCounting Feelings | counting-feelings.blogspot.com.br
Obrigada ♥
ExcluirEu costumo acordar as 3 da tarde e.e
ResponderExcluirEu 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/
SHUAHSUAH' Obrigada <3
ExcluirQue lindos os modelos :3
ResponderExcluirBeijinhos | http://snowing-in-london.blogspot.com.br/
Obrigada *^*
Excluirde tanto q gostei estou usando um (o ultimo) ^^ muito fofo....e é claro ja creditei bjossss
ResponderExcluirLP_HTML || louca-por-html.blogspot.com.br
Obrigada O3O
ExcluirLindos modelos, principalmente o primeiro. Costumo acordar ás 11 horas por aí sabe AHSUASHAUSH ;3
ResponderExcluirP.S.: O Nostalgie mudou, agora é Store of Dreams (tá no perfil!) >3< Beijos;
AHSUHAUS' As vezes, costumo também c-c
ExcluirObrigada Júlia <33
Que lindos, usei o último.
ResponderExcluirhttp://morango-sabor.blogspot.com.br/
Visita?
Okay ♥
ExcluirMeodeos, 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
ResponderExcluirE obrigada por visitar o Checkmate, hm?
Até mais,
Wendy-K (http://checkm-ate.blogspot.com.br/)
Nhaw, obrigada ♥
ExcluirEu costumo acordar 9:30 mais ou menos UAEHAEUHAUHAEUH' Que modelinhos mais lindos, cara! Vou usar o último *-*
ResponderExcluirBeijos ♡ ~
garotas atrevidas ☆ retribui a visita?
Aw, obrigada ♥
ExcluirGente que coisa linda são essas? Será que humilharam os meus? UAHSUHSUHSUS sempre humilha neh >.< Kissus :3
ResponderExcluirAHSUAHSUH' Eu não humilho ninguém não moça ç3ç
ExcluirObrigada Roh ♥
Amore, ficou um pouco confuso...
ResponderExcluirÉ 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
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