modelos para tooltip (02)

Olá, minha gente! Não sei se perceberam, mudamos de layout q É, realmente eu não aquieto meu fogo u3u, bom, acontece que, eu tava totalmente enjoada com aquele layout anterior, então mudei, fim q Eu acho que ele está usável. Como eu sou uma pessoa muito imprestável, usei apenas 2 cores na paleta. E o resto é o resto, continua o mesmo esquema aqui, só mudamos de design. Vocês gostam de coreanas? Bom, eu não gosto muito, mas acho fofo elas no blog, então coloquei. Estranho porque, meio mundo ama coreanas.. Sou definitivamente uma pessoa esquisita q Espero que tenham gostado do layout *= Bom, fiz alguns modelos para tooltip, são simples mas também estão usáveis. Usem, e creditem, por favor >3< vamos lá. 
Como aplicar (siga para não ter erros)
Vá no HTML do seu blog, dê ctrl+f e procure por: <head> ,abaixo dele cole o seguinte código:

<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>

modelos (5 modelos, cada com 2 cores)
Cole o código abaixo acima de ]]></b:skin> ou de ]]> 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
display: none;
background: #a3bbb5;
border: 2px solid #a2bbb5;
box-shadow: inset 0 1px 0 #c4d0cd;
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> ou de ]]> 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
display: none;
background: #687088;
border: 2px solid #5b6277;
box-shadow: inset 0 1px 0 #9099b4;
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> ou de ]]> 
 @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
display: none;
background: #eeeeee;
border-radius: 2px;
box-shadow: inset 0 1px 0 #ffffff;
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> ou de ]]> 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
display: none;
background: #f8bed6;
border-radius: 2px;
box-shadow: inset 0 1px 0 #f6cdde;
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> ou de ]]> 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
display: none;
background: #bbcaf6;
border-right: 3px solid #f4cccc;
border-left: 3px solid #f4cccc;
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> ou de ]]> 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
display: none;
background: #464b5b;
border-right: 3px solid #dd7592;
border-left: 3px solid #dd7592;
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> ou de ]]> 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
display: none;
background: #d0e0e3;
border-right: 10px solid #d9d2e9;
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> ou de ]]> 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
display: none;
background: #cfe2f3;
border-right: 10px solid #f6bad5;
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> ou de ]]> 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
display: none;
background: #56465b;
border: 1px solid #4d3c52;
box-shadow: inset 0 0 7px #4d3c52;
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> ou de ]]> 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 4px 7px;
display: none;
background: #465b56;
border: 1px solid #2d3b38;
box-shadow: inset 0 0 7px #3d4e4a;
color:#fff;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
}
 Bom, infelizmente acabou os modelos q, foi meio carnaval as cores, me desculpem se não foi oque vocês esperavam. São 5 modelos, cada com 2 cores como eu falei anteriormente, então acho que estão bem variados. Se não gostaram destes modelos para tip, você podem pesquisar aqui no blog na caixa de pesquisa "modelos para tooltip", que vocês encontrarão mais modelos. Podem mudar as cores, se quiserem, -faleid+ q até mais, amores!





16 comentários:

  1. Que layout lindoooooooooooooooooooooooooooooo, babando por ele :3
    QUE MODELOS MARAVILHOSOSSSSS, AHHHH *O*
    ~7-roses.blogspot.com.br

    ResponderExcluir
    Respostas
    1. AHHHH OBRIGADAAAAAAA (desliga o caps lock menina askaoskaoksoa) Obrigada, lindona <3

      Excluir
  2. Adorei os modelos :))
    http://momentosassimespeciais.blogspot.com.br/

    ResponderExcluir
  3. O sétimo modelo é um amor!! Eu vou utilizar no meu próximo layout! Em falar nisso... Que layout lindo! Eu adorei as cores! Amo cores escuras no background, mas sempre tenho medo de usar nos meus layouts ~chora~
    Você fez um ótimo trabalho, Yumi! :3
    Beijinhos, Bunny.

    milky--sky.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigadaaaaaaa, usa sim, fica muito lindo *= obrigada, novamente <3

      Excluir
  4. Que modelos lindões *u* Esse com as bordas do lado me encantaram <33 Vou usá-lo agora u_u

    ~ Seguindo
    D-Resources || d-resources.net

    ResponderExcluir
  5. Ficou lindo o blog com o novo layout e lindos também esses modelos de tooltip.

    Sweet of Cherry

    ResponderExcluir
  6. USÁVEL? SÓ ISSO? NÃO FALE ASSIM DESSA PERFEIÇÃO, QUER NOS HUMILHAR? D: Nem preciso dizer que amei esse layout e vou me casar com ele amanhã q ( nada a ver, mas que eu amei eu amei *3* )

    Todos os modelos estão lindos, mas eu xonei mesmo foi no sexto HUEUHEUH'

    htmlandresources.blogspot.com.br

    ResponderExcluir
    Respostas
    1. AI HELO, você é muito maravilhosa, iasjaioja <3 Obrigada <3 não quero humilhar ninguém você que humilha, fia u.u case-se com ele aoskoaksoa obrigada u.u

      Excluir
  7. Que layout lindo *O* Adorei os modelos, fofos >333<

    uns-killed.blogspot.com

    ResponderExcluir
  8. O layout ficou lindo, como sempre <3 Gosto de coreanas sim, porém acho que elas são meio enjoativas, entende? Muito comuns :3

    Adorei os modelos! Tão, mas tão fofos e lindos ♥

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir