Modelos para Tooltip


Olá pessoal, enquanto estava "passeando" pelo outro blog da Jéssica (Muito Mais Que Séries) tive a ideia de fazer modelos para tolltip's e posta-los. Nunca fiz ou usei isto antes, então saíram um pouco "feinhos", mas espero que gostem...

div#qTip {
padding: 7px;
border-left: 3px solid #000;
border-right: 3px solid #000;
display: none;background: #f5f5f5;
color: #696969;
font-family: arial;
font-size: 9px;text-align: left;
position: absolute;z-index: 1000;
}



div#qTip {
padding: 5px;
border-top: 3px solid #FFDAB9;
border-bottom: 3px solid #FFDAB9;
border-radius: 5px;
display: none;background: #f5f5f5;
color: #000;
font-family: arial;
font-size: 9px;text-align: left;
position: absolute;z-index: 1000;
}

div#qTip {
padding: 5px;
border: 2px solid #CD6090;
border-radius: 5px;
display: none;background: #f5f5f5;
color: #000;
font-family: arial;
font-size: 9px;text-align: left;
outline-style:dashed;
outline-width:1PX;
outline-color: #FF82AB;
outline-offset: -5PX;
position: absolute;z-index: 1000;
}

div#qTip {
padding: 5px;
border-top: 1px solid #FF6A6A;
border-bottom: 3px solid #CD5555;
border-radius: 7px;
display: none;background: #f5f5f5;
color: #000;
font-family: arial;
font-size: 9px;text-align: left;
position: absolute;z-index: 1000;
}

div#qTip {
padding: 5px;
border: 4px double #FFD700;
display: none;background: #f5f5f5;
color: #000;
font-family: arial;
font-size: 9px;text-align: left;
position: absolute;z-index: 1000;
}

Para saberem como usar,clique aqui!

Todos eles foram criados por mim, caso rebloguem ou usem coloquem os devidos créditos.

Comentários

Postagens mais visitadas deste blog

Download : Use a Cabeça HTML com CSS e XHTML: Livro

Tema Base