Kein Problem - Sie benötigen nur das BIld mit der Sprachblase und ein klein wenig HTML-Code.
Der Trick: Sie legen das Bild in den Hintergrund und platzieren dann einen Block (<div>
) auf dem Bild, welcher den Text beinhaltet. Das sieht etwa so aus:
<div style="position: relative">
<img src="Bild-mit-Sprechblase.png">
<div style="position: absolute; left: 40px; top: 50px; width: 120px; border: 1px solid red;">%text%</div>
</div>
Für das Positionieren geben Sie dem inneren <div>
noch einen Rahmen, das border
fliegt später raus. Wenn das %text%
an der richtigen Stelle angezeigt wird, dann fügen Sie im Fragebogen noch einen Befehl hinzu, um den Platzhalter zu ersetzen:
replace('%text%', 'RG01', 'response');
Das würde etwa den Text aus dem Zufallsgenerator RG01 einsetzen. Der PHP-Code muss vor (über) den HTML-Code.