En el blog DailyCoding encuentro un artículo muy bueno donde nos permiten realizar los típicos recuadros de llamadas usando solamente códigos CSS y sin utilizar imágenes.

El artículo que las describe es Purely CSS Callouts donde nos explica cómo puede crear llamadas usando solamente CSS, nos explica con todo detalle como realizarlas y por supuesto nos proporciona todo lo necesario (código CSS y HTML) para construir una zona de ese tipo, te dejo una imagen del efecto, por eso de que “una imagen vale más que mil palabras”:

Este tipo de recuadro es fijo y no actúa como los “tooltips” que son dinámicos, pero es muy útil, pues nos dirige la atención a un determinado enlace con una especie de flecha, contiene información en su interior que puede ser un comentario adicional sobre el enlace al que señala. El recuadro se puede poner tanto en posición superior como en inferior al enlace al que está señalando. Un truco sencillo y agradable.