14 de mai. de 2012

Personalizando Tooltip do blog


A #Victoria, me pediu em um comentário, para eu ensinar como fazia a "caixinha" que aparece o nome do afiliando, quando passo o mouse em cima, bom, não é só nos afiliados que ele aparece, ele aparece em quase todos os lugares que tem link.
..::Créditos ao Kawaii-World::..


Vá em Design → Editar HTML e procure por, </head>
Acima dele, cole esse seguinte codigo:
<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>, antes dele cole esse 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 a ajuda da Tabela de cores aqui.

2 comentários :

Sem chingamentos porfavor ;)
Todos os comentários serão respondidos.