07/11/2014

Colocando Tooltip + Varios Tooltips

Hey
E sim ja estou aqui de novo kk, vocês merecem Tutoriais pois não venho aqui frequentemente então estou apenas a postar o que vos devo e o que quero né? kk
Vamos lá?
Vá a editar HTML
e pesquise por: </head>

Cole isso abaixo por cima de </head>

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

Agora vai a ]]></b:skin> 
e cole por cima da tag o codigo do modelo que mais gostar:


div#qTip {padding: 3px;border: 2px solid #A2CD5A;display: none;background: transparent url(http://media.tumblr.com/tumblr_mej6isPoDA1r16se4.png);color: #696969; /* Cor do texto */font-family: Century Gothic; /* Fonte */font-size: 11px;text-align: left; /* Alinhamento do texto */position: absolute;z-index: 1000;}


div#qTip {padding: 3px;border: 1px double #f5f5f5;display: none;background: #FA8072;color: #ffffff; /* Cor do texto */font-family: Century Gothic; /* Fonte */font-size: 11px;text-align: left; /* Alinhamento do texto */position: absolute;z-index: 1000;border-radius: 10px 10px 0px 10px;box-shadow: inset 0 0 8px #f5f5f5;}


div#qTip {padding: 3px;display: none;background: transparent url(http://3.bp.blogspot.com/-9YG-Upz4H1o/TamvsqCOWKI/AAAAAAAAARo/q-QwUv5Pftw/s320/2r7pqqa.jpg);color: #FFFFFF; /* Cor do texto */font-family: Century Gothic; /* Fonte */font-size: 11px;text-align: left; /* Alinhamento do texto */position: absolute;z-index: 1000;border-radius: 10px;}


div#qTip {padding: 3px;display: none;border: 1px solid #1874CD;background: url(http://24.media.tumblr.com/tumblr_m8li27B93N1r44mhto1_500.png);color: #FFFFFF; /* Cor do texto */font-family: Century Gothic; /* Fonte */font-size: 11px;text-align: left; /* Alinhamento do texto */position: absolute;z-index: 1000;border-radius: 2px;}


div#qTip {margin:2px;padding: 5px 5px 5px 25px;display: none;color:#78a7c8;background: #fdfdfd;border: 1px solid #F5F5F5;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;font: Century Gothic;font-size: 10px;background:#fff url(http://media.tumblr.com/tumblr_lx9va28WQZ1qmyqtl.png)no-repeat;text-align: left;position: absolute;z-index: 1000;}

Creditos: Part Of Me
Beijos e espero que tenham gostado :3

4 comentários:

  1. Nossa adoreii!!! Vou fazer!
    #seguindo
    http://docebunny.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. ;)
      Obrigada ;) Seguindo também o seu ;)
      Bjs

      Excluir
  2. Amei o seu blog! Tô te seguindo.
    Não é por nada mais vc poderia seguir o meu blog?? Por favor
    http://chiclete-funny.blogspot.com.br/

    ResponderExcluir