19 agosto 2012

Tooltip personalizado!


Yoo!

Hoje vou postar um tuto de como personalizar o Tooltip! Para quem não sabe, Tooltip é aquilo que aparece o nome do blog nos afiliados. Aprendi o tuto no Kawaii World

Espero que gostem do tuto!

Enjoy ~



1- Vá em Design > Editar HTML > Aperte F3 e procure por </head> 

2- Acima do código destacado cole:
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://dl.dropbox.com/u/35546279/qTip_pinkskulldesign.com_.js' type='text/JavaScript'/> 

                                                  3- Novamente, procure por  ]]</b:skin>



Acima do código que irá aparecer destacado cole:


div#qTip {
padding: 4px;
border: 1px dotted #0abce0; ---/* cor, expressura, e estilo da borda */
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
background: #e9eeef; ---/* cor do fundo */
color: #14c4e8; ---/* cor do texto */
font: Verdana;
font-size: 10px; /* tamanho da fonte */
text-align: left;
position: absolute;
z-index: 1000;
-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

5 Sweet(s) *3*:

Anônimo disse...

~ Anne, tu estas Online? entra no blog do teu irmão!

Ana Luiza (Anne) disse...

To!

Unknown disse...

AIH! QUE FOFIS ,GAMEI<3
Seguindo ->http://smileretro.blogspot.com.br/

Constança Magalhães disse...

Fica super kawaii ^-^.
Bjs Connie,
http://bubble-explosion.blogspot.pt/

Unknown disse...

Adorei o tuto ...vou fazer rs

beijokas

http://brigadeironoglitter.tk

Postar um comentário

Aceito selinhos e tag's, encomendas e pedidos!!! *u*! O que importa é o carinho de vocês, leitores, por lembrarem do blog. Muito obrigada por comentar. Tudo que vem dos leitores no blog é bem vindo!!!