Hoje vou deixar aqui o css para tooltip, pois muitas vezes é necessário fazer uso dessa janelinha flutuante, para mostrar um detalhe a mais, seja sobre o vocábulo em si ou o contexto geral do projeto.

Confesso que tenho preguiça de fazer uso, mas é bem simples, depois que se tem o css no template do seu blog, basta referenciar a classe e zás a mágica acontece.

Claro que não se coloca qualquer código, tudo precisa ser coerente, para o vídeo por exemplo note que é uma tag responsiva.


Aqui usei a classe toolvbt para não dar problema com outros aplicativos, mas você pode usar qualquer nome de classe que lhe convier.

Para os 'desavisados'; o vídeo tem áudio então melhor verificar o volume de seu dispositivo antes de dar o play. Cabe lembrar também que é algo sensível ao toque, de maneira que se pode usar no smartphone sem problemas, toque no "i" e 'voilá', sua dica de contexto estará ao vivo!

Nosso vídeo Este é apenas um demostrativo de uso de tooltip informações adicionais. Você pode inserir fotos, videos ou simplesmente uma frase a mais para orientar seu discurso.  antigo.

Adicionando css em seu blog/site, com font awesome você faz algo impressionante! Com pouco código.

Nem se quer há necessidade de marcar o código, tal a simplicidade. Insere o css na sua skin tag e depois insere o conteúdo desejado na tag a class='suajanelinha', isso é css3.

Até mais, um abraço!