Busca
Arquivos

Archive for novembro, 2009

Criando Tooltips com Css

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! ^^

jSquares for jQuery

Mais um excelente plugin da jQuery. Essa é uma galeria que curto muito pois muita gente pergunta: Isso é Flash???

Já vi um efeito parecido no novo portal do Terra. Vale dar uma conferida. Apesar de ter achado um pouco pesado para conexões mais lentas, se for utilizar de forma segmentada aí é só curtir.

Link do PluginDemo

Advanced Form Validation – jQuery

Recentemente encontrei um plugin para jQuery que é uma mão na roda para os desenvolvedores. Trata-se de uma validação para formulários. O plugin é de fácil implementação e de grande valia para evitar que dados errados sejam passados pelo formulário e até mesmo diminuir consideravelmente o recebimento de spams.

Link do Plugin

Demo

Categorias
Eu Recomendo