|

>❝Oii Este blog foi criado como um passa tempo,um blogpessoaladoro blogar,quando se é do meu jeito e estilo.Amo musica,legiao urbana,japao,instagram,adoro anime,nao sou uma otaku.[]
twitter
Mais ouvidas
instagram
tags
# beleza # project # tutoriais # resources
CREDITS
© 2013 - Layout by pinktape with sidebar gif from domino-fx, pattern taken from nurulatiqahjaidin and serch box from bbloggertutorials.
Modelos de Tooltip 25/10/2013



Olá pessoal,sumi umas semanas,por que estava organizando as páginas do facebook que administro,viram que mudei o layout?Este é temporário,mudei por que não estava aquetando a quele layout,estava me incomodando muito,mesmo que seja meu primeiro,estou fazendo um mais simples,ate eu terminar usarei esse.
Todos já devem ter sentido falta do kawaii world,pós esta desativado,para quem não sabe o que tooltip é a quela mini caixinha de notificação que apareci quando passamos o mouse,para perceberem passe mouse nos afiliados de qualquer blog,então então trouxe alguns modelos de tooltip do kw já personalizado.
Como aplicar:
Vá no modelo do blogger,editar html de ctrl+f e procure por <head> e abaixo desta tag cole:
<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>
Depois é só escolher o modelo que deseja usar, e aplicar antes de ]]></b:skin>:
   
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); } 
div#qTip {
margin:2px;
padding: 5px 9px;
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
color:#fff;
background: #9bb3bc;
box-shadow: inset 0 0 20px #5ea0b9, 0 0 10px #ccc;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
z-index: 1000;
opacity: 1.0;
text-transform: uppercase;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
}
     
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 5px 9px;
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
color:#989898;
background: #e9e9e9;
border: solid 1px #c4c2c3;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
z-index: 1000;
opacity: 1.0;
text-transform: uppercase;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
}
   
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 5px 9px;
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
color:#fff;
background: #fd97b1;
border: solid 1px #eb7896;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
z-index: 1000;
opacity: 1.0;
text-transform: uppercase;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-moz-box-shadow:
inset 0px 0px 1px rgba(255,255,255,1.0);
-webkit-box-shadow:
inset 0px 0px 1px rgba(255,255,255,1.0);
box-shadow:
inset 0px 0px 1px rgba(255,255,255,1.0);
}
   
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
div#qTip {
margin:2px;
padding: 5px 9px;
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
color:#fff;
background: -moz-linear-gradient(
top,
#c7abc7 0%,
#d49dbe);
background: -webkit-gradient(
linear, left top, left bottom,
from(#c7abc7),
to(#d49dbe));
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #a680a8;
font-family: silkscreen;
font-size: 8px;
no-repeat 5%;
text-align: left;
position: absolute;
z-index: 1000;
opacity: 1.0;
text-transform: uppercase;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-moz-box-shadow:
inset 0px 0px 1px rgba(255,255,255,1.0);
-webkit-box-shadow:
inset 0px 0px 1px rgba(255,255,255,1.0);
box-shadow:
inset 0px 0px 1px rgba(255,255,255,1.0);
}
 Curtiram?Espero que tenha ajudado,caso queiram alguma coisa do kw,comentem por favor pra mim postar aqui e ajudar quem ta com muito saudades do kw,como eu.

Marcadores: ,


10 Comment(s)