Bilder mit Grafikrahmen - Website X5 Hilfe - Die Helpsite

Dieses Script zeigt, wie man mit einer zweiten Imagedatei einen Grafikrahmen um ein Foto legt.

Image auf den Server in das Verzeichnis "images" kopieren.
Example:
demo_img1.jpg
demo_img1.jpg
demo_img1.jpg

button_orange.png
button_yellow.png
button_violet.png

Images mit Rechtsklick (Bild/Grafik speichern unter...) herunter laden.


Demo:

Code für das HTML-Objekt:

<img src="images/demo_img1.jpg"
style="background: url(images/button_orange.png); padding: 12px;">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<img src="images/demo_img2.jpg"
style="background: url(images/button_yellow.png); padding: 20px;">

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<img src="images/demo_img3.jpg"
style="background: url(images/button_violet.png); padding: 8px;">