Tooltip Personalizado

 

Outro pedido da Ju foi o Tooltip.

 

Vou ensinar pra vocês como fazer esse que eu uso aqui no KW, mas como no Blockquote editem, por favor . 

Assim os blogs não ficam com tooltips iguais .

1. Vá em Design > Editar HTML e procure por </head>

2. Acime dele 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. Procure por ]]</b:skin>

4. Acima dele 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;

}

O resultado é o mesmo do KW, mude as cores (: