22 de set de 2013

- Modelo de Tooltip


Boa Tarde lindius ~

  • Estava sem idéias para postar,enfim decidi postar alguns modelinhos de tooltip,coisas que muitos blogueiras,sempre precisam,que sempre é útil nas horas do designer de um layout.
  • Em falar nisso,já preciso trocar este layout,odeio abrir o blog,e me deparar com a mesma coisa sempre ! Logo quando eu atingir a minha querida meta de 200 followers,irei presentear vocês com um lindo layout já usado aqui no blog <3



VAMOS AOS MODELITOS *U*

Para usar este,cole o codigo abaixo acima de </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://static.tumblr.com/oiizew6/8B5lzwf17/script.js' type='text/JavaScript'/><style>div#qTip {display: none;background: url(https://lh5.googleusercontent.com/-6C-fW23cWSE/UUlGI_38wGI/AAAAAAAAJQs/jklIfYsoPPc/s16/11.gif) no-repeat left #C5E0DC;font-family: tahoma;font-size: 11px;color: #fff;padding: 3px 3px 3px 20px;-moz-box-shadow: inset 0 0 6px #A7DBD8, 0 0 6px #A7DBD8;-webkit-box-shadow: inset 0 0 6px #A7DBD8, 0 0 6px #A7DBD8;position: absolute;z-index: 1000;margin: 10px;}</style>

 
Para usar este,cole o codigo abaixo acima de </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://static.tumblr.com/oiizew6/8B5lzwf17/script.js' type='text/JavaScript'/><style>div#qTip {display: none;font-family: Smallest;font-size: 10px;    color: #fff;background: #F2ACAA;padding: 3px;text-align: center;-webkit-box-shadow: inset 1px -1px 0px #F7CEBC, inset 0px 0px 8px #F58CA4, 1px 1px 0px #ccc;-moz-box-shadow: inset 1px -1px 0px #F7CEBC, inset 0px 0px 8px #F58CA4, 1px 1px 0px #ccc;-o-box-shadow: inset 1px -1px 0px #F7CEBC, inset 0px 0px 8px #F58CA4, 1px 1px 0px #ccc;border: 1px solid #F58CA4;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;position: absolute;z-index: 1000;margin: 10px;}</style>

]]></b:skin>

div#qTip {

padding: 3px;
border: 1px solid #a190a1;display: none; background: #cfbccf; color: #736c6c; font-family: Pf Arma Five; font-size: 8px; position: absolute;z-index: 1000; 
]]></b:skin>, e acima de </head> cole o código abaixo:
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script><script language='JavaScript' src='http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js' type='text/JavaScript'></script>}4

11 comentários:

Seja Educado
Comente sua opinião
Qualquer erro,reclame
Comente e seja feliz <3