Rodrigo Dias [Blog]

Em minhas andanças pela web encontrei um serviço bem legal para aqueles que ainda têm dúvidas sobre utilizar ou não os novos seletores previstos nas CSS 3.

No site CSS3.0 Maker você pode pré-visualizar o funcionamento dos novos seletores, a compatibilidade com cada browser e ainda pode baixar o código criado.

Logicamente não aconselho o aprendizado desta forma, porém, à nível de curiosidade para conhecer o CSS3 é bem interessante.

Abraços e usem com moderação… rsrsrs.

Esse é meu primeiro artigo técnico sobre xhtml e css, por isso irei demonstrar algo de nível bem básico para vocês.

Mas o que são Tooltips?

Tooltips são aquelas informações que aparecem ao colocar o mouse sobre algum link ou imagem. Só não confunda com Title ou Alt. Vamos lá

No HTML:

<p>Utilizando <a href="#">Tooltips<span>Exemplo de Tooltip</span></a></p>

No Css:

<style type="text/css">
a:hover {background:#ffffff; text-decoration:none;} /* background-color e necessario para o IE6 */
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
</style>

Um exemplo do uso você pode ver aqui: Utilizando Tooltips

Até a próxima! ^^