Estilos para Tooltip

Olá Giraffas!

Hoje venho com um post para dar à vocês estilos de tooltip e claro, ensinar como coloca.

É muito fácil, mas antes de tudo, tem que clicar em continue...

Para colocar é fácil: só escolher o modelo que você quer e colar o código 

acima de ]]></b:skin>. Vamos aos modelos. Créditos no final.

 div#qTip
{font:bold 10px 'verdana';
margin:17px 0;
padding:3px 25px;
display:none;
background:#000;
text-align:left;
position:absolute;
z-index:1000;
color:#c28cf4;
box-shadow:0 1px 3px #1e1e1e;
border-radius:4px
}

 

div#qTip {

margin:8px;

padding: 5px 5px;

display: none;

color:#68BAED;

background: #FFF;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

border-radius: 10px;

font: Tahoma;

font-size: 11px;

background:#ffff;

text-align: center;

position: absolute;

z-index: 1000;

box-shadow: 1px 0 1px #7AC4F5;

} 

 

 div#qTip {
padding: 4px;
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
background: #ffffff; ---/* cor do fundo */
color: #a5d1f2; ---/* 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;
}  

Era só isso mesmo, agora os crédito: BMP e ECSS. Beijitos!