Easy CSS Tooltip, mais fácil impossivel.

Alyen — Wed, 28 Apr 2010 09:43:57 +0000

Se você realmente precisa de um Tooltip bem simples e básico para o seu site, este script CSS de apenas 1kbm, pode ser a solução para você.

Aqui está a magia com apenas 4 linhas (3lines css, html 1line):

code

Se você quiser exibir uma dica de um link, basta adicionar o tooltip “classe” para o link e escrever seu Tooltip texto em uma tag span dentro da marca – que é ele.

Programa demonstrativo

Fácil TooltipEste é o louco Easy Tooltip Text..

Testado com

IE5, IE 5.5, IE 6, IE7, Safari 3.1, mais recente versão do Firefox e Opera.

Download: Easy CSS Tooltip

Fonte: kollermedia

11 Excelentes soluções para gerar Tooltips by webdesignledger

Alyen — Fri, 20 Mar 2009 09:41:35 +0000

Tooltips em web design são cada vez mais comum. Apesar de eu não acho que eles são adequados para qualquer tipo de site, eles podem ser um complemento muito útil quando aplicado corretamente. Se você estiver planejando usar tooltips em seu próximo projeto, a parte mais difícil pode ser a escolha da solução certa.

Aqui estão 11 excelente soluções para criar tooltips utilizando várias soluções, tais como jQuery, MooTools, ou apenas CSS.

ToolTip_MooTools

Via: Web Design Ledger

AlyenStudio » css tooltip

Easy CSS Tooltip, mais fácil impossivel.

Programa demonstrativo

Testado com

11 Excelentes soluções para gerar Tooltips by webdesignledger

Prototip 2

Easiest Tooltip and Image Preview Using jQuery

Simpletip

Coda Popup Bubbles

MooTools 1.2 Tooltips: Customize Your Tips

Duplicate the jQuery Homepage Tooltips Using MooTools

jQuery Ajax Tooltip

CSS Bubble Tooltips

Easy CSS Tooltip

CoolTips

ToolTip_MooTools