Estilo de Tooltip


Olá gente

Vocês conhecem o cachorrinho Boo? Ele tem uma carinha e os pelos muito liamdos,não é mesmo?  Ele tem uns olhos enormes e lindos,queria ter um cachorrinho igual a ele,ficaria todo dia brincando com ele,quer dizer,quem não ficaria?

Hoje vou ensinar a vocês como personalizar o tooltip,que é uma caixinha que aparece,quando se passa o cursor em cima dos Afiliados,do autor... Testem aqui no blog,e verão.
O código que você deve colar acima de b:skin é esse:
/*TOOLTIP*/
div#qTip{
font: 12px 'corbel';
margin:10px 0;
padding:5px;
display:none;
background:#fff;
text-align:left;
position:absolute;
z-index:1000;
color:#ff3e96;
border-radius: 5px;
box-shadow: inset 2px 2px 4px #D6D6D6,2px 1px 3px #ff3e96;
}
E para aparecer,procure por </head> e faça como mostra com o 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://dl.dropbox.com/u/35546279/qTip_pinkskulldesign.com_.js' type='text/JavaScript'></script> 
Agora,olhe onde e como deve colar:
Clique para aumentar.


14 comentários

  1. Anônimo21.1.13

    Não consegui fazer

    ResponderExcluir
  2. Anônimo21.1.13

    Nossa realmente é muito lindo, achei o tudo bem explicado.

    Kisus...

    ResponderExcluir
  3. Amei!!
    http://alwaysdiva-moda.blogspot.com.br

    ResponderExcluir
  4. Oi fofa eu estou aqui para pedir que não tire sua afiliada Fábrica de CupCake, para saber mais entre em meu blog. E peço que copie o post que publique aqui.

    the-ineviatble-oficial.blogspot.com.br (o último post)

    Bijus!!

    ResponderExcluir
  5. Amei mt fácil e bem explicado
    http://u-nlocked.blogspot.com.br/

    ResponderExcluir
  6. Anônimo21.1.13

    Claro :)

    ResponderExcluir

- Se quiser um post, peça na ask !

- Se não gostou, não use palavras ofensivas. Ninguém precisa rebaixar-se a tanto para expressar a opinião.

- Leio todos os comentários, respondo e retribuo sempre que o tempo deixa.