Como personalizar o Tooltip do blog

Tumblr_m8gfnue85q1rub5nno1_500_large
Ooooie~
Hoje vim trazer um tutorial super fácil para vocês :)
Como personalizar o tooltip do seu blog !
Pra quem não sabe Tooltip é o nome que aparece em tipo uma nuvenzinha no blog, para vocês saberem passem o mouse por cima de um dos afiliados do blog. o Tooltip é a nuvenzinha preta que aparece em baixo do mouse !
Mas vamos lá !
Procure por </head> e cole o seguinte código ACIMA dessa tag:
<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'/>
Mais uma vez de CTRL+F e procure por ]]></b:skin> e ACIMA dele cole o código abaixo !
div#qTip {
padding: 3px;
background: #eee5de; /* Cor de Fundo*/
color: #8b8378; /* Cor da Fonte */
position: absolute;
z-index: 1000;
border: 1px solid #8b8378; /* Cor da Borda */
display: none;
font: bold arial;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
Aonde está em negrito, edite as cores usando esta tabela Link, pronto seu tooltip está personalizado =3
Aprendi aqui (www)
Bejos <3

7 comentários

- 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.