Hi,
klar -- da fallen mir mindestens 4 verschiedene Möglichkeiten ein:
1. Wenn das Bild schon den richtigen Hintergrund hat, es aber z.B. quadratisch ist: den Bildhintergrund mit CSS "zuschneiden" (
css-tricks.com/the-shapes-of-css/#hexago...ape-via-aaron-hanson
).
2. Wenn das Produktbild einen transparenten Hintergrund hat (z.B. PNG), dann liesse sich der Hintergrund (= das DIV welches das Bild umschließt) natürlich auch per CSS (a) zuschneiden wie eben genannt und (b) einfärben (
css-tricks.com/almanac/properties/b/background-color
).
3. Alternativ zu #2 und auch vorausgesetzt, dass das Bild transparent ist: ein Hexagon als eigenständiges (einfarbiges) Bild erzeugen und es mit CSS als Hintergrund einstellen (
css-tricks.com/almanac/properties/b/background-image
).
4. Logisch, allerdings wohl am arbeitsintensivsten: die Bilder mit Photoshop o.ä. gleich in gewünschter Form erzeugen.
Viel Spaß.
Und, im Interesse aller, das nächste Mal einen deutschen Post bitte im deutschen Forum posten:
www.hikashop.com/forum/7-german.html
-- danke.