Estilos pata Tooptip

Oi, gente! Todo mundo já sabe como personalizar a tooltip, né? Então hoje trouxe 3 estilos para deixar a tooltip mais bonitinha. É só colar acima de ]]></b:skin> o código que quiser.

ESTILO 1

div#qTip {
background: #A6E0E0; /* Cor de Fundo*/
color: #7BACAC; /* Cor da Fonte */
border-left: 3px solid #7BACAC; /* Borda esquerda */
border-right: 3px solid #7BACAC; /* Borda direita */
font: 12px Trebuchet MS; /* Fonte */
border-radius: 8px; /* Bordas arredondadas */
padding: 3px;
position: absolute;
z-index: 1000;
}

ESTILO 2

div#qTip {
background: #AB92BC; /* Cor de Fundo*/
color: #876D97; /* Cor da Fonte */
font: 12px Trebuchet MS; /* Fonte */
-moz-box-shadow: inset 0 0 15px 1px #876D97;
-webkit-box-shadow: inset 0 0 15px 1px #876D97;
box-shadow: inset 0 0 15px 1px #876D97;
padding: 5px;
border-radius: 8px;
position: absolute;
z-index: 1000;
}

ESTILO 3

div#qTip {
background: #BC73A8; /* Cor de Fundo*/
color: #89577C; /* Cor da Fonte */
font: 12px Trebuchet MS; /* Fonte */
-moz-box-shadow: 0 0 5px 1px #cccccc;
-webkit-box-shadow: 0 0 5px 1px #cccccc;
box-shadow: 0 0 5px 1px #cccccc;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomright: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px; /* Bordas arredondadas */
padding: 3px;
position: absolute;
z-index: 1000;
}

Espero que tenham gostado, beijos!

http://blogthistime.blogspot.com.br