Tuto : Personalizando o Tooltip

Oooooi Meninas, Hoje eu trouxe um Tuto bem legal que é o "Personalizando o Tooltip"

Pra quem não sabe o Tooltip é isso aquii:

Quando agente passa o Mouse em cima dos Afiliados

Créditos ao Sweet Girls.

Vamos lá:

Vá em Modelo >> Editar HTML >>Dê F3 e procure por: </head>

Acima da tag, cole o seguinte código:

<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'/>

Agora procure por ]]</b:skin> e antes dele cole o seguinte código:

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;}

Modifique as cores com essa tabela.

Voces podem mudar o Tamanho da Fonte , a Cor a Borda e etc.

Eu espero que voces tenham gostado do Tuto.

Beiijocas.

Depois trago mais Posts. <3