Personalizando o Tooltip

|| ||


Hello pleopes, antes do tutorial queria mostrar a vocês o layout que fiz para um blog de uma amiga ela até posta aqui.
Agora vamos ao tutorial mega que é como personalizar o Tooltip. Veja a imagem ai abaixo.


Entre no seu blog e vá em Modelo >> Editar HTML>> Aperte Ctrl+F ou F3 e procure por:
]]></b:skin>
E, logo acima, cole este outro código:
div#qTip {padding: 3px;border: 1px solid #CD3333; /* Borda */border-right-width: 2px; /* Margem interna */border-bottom-width: 2px; /* Margem interna */display: none;background: #f5f5f5; /* Background */color: #696969; /* Cor do texto */font-family: Century Gothic; /* Fonte */font-size: 6px;text-align: left; /* Alinhamento do texto */
position: absolute;z-index: 1000;}
Aperte Ctrl+F ou F3 novamente e procure por:
</head>
Coloque o seguinte código antes do anterior:
 <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'/>
Salve e veja o resultado.
Créditos: Blog da Girl