12/01/2015

Modelo para Tooltip

Oiii, bunecas! Então, sei que vocês não são Directioners, mas se alguma for hoje é aniversário do nosso gayzão Zayn (mai godi), ele está fazendo 22 aninhos  Nem tô acreditando que esse boiolas estão grandes, parece que foi ontem em que eles estavam cantando no X-Factor (T.T). Meus gays!

Enfim, vim trazendo um modelinho para tooltip.


 Primeiro, vá até editar HTML e depois pressione "Ctrl + F". Procure por <head> e abaixo disso, 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>

 Agora basta pegar o código abaixo e colar o acima 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: -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);
}
-
 Bejins >3< 

6 comentários:

  1. Achei bem fofinho esse modelinho, Roxo ♥, gostei do novo fundo e do novo cabeçalho, tudo tão kawaii (como sempre) Bjos ♥

    ResponderExcluir
  2. Adorei esse modelo! Com toda a certeza eu irei usa-lo em meu próximo layout!
    Kisses candy ♥

    ResponderExcluir