YARDIM: CSS ile ürün resmi üzerine ikon yerleştirme

Ürün resimlerini listelerken, YENİ, KAMPANYALI ÜRÜN, TÜKENDİ gibi ikonlar eklemek istiyorum.

Örnek görünüm hepsiburada, kliksa, gittigidiyor gibi sitelerde mevcut.

Bu konuda basit bir örnek ile olayı kavramak istiyorum.

elinde küçük bir örnek olan ve/veya tecrübesi olan arkadaşlardan yardım bekliyorum.

Ürünleri ul li yapısında listelediğini farz ediyorum. ul li {widt:200px; height:300px; position:relative; } önemli olan nokta li lerin relative olması.

<li>
<span class="yeni"></span>
<a href="">
ürün resmi
ürün adı
</a>
</li>

yukarıda yeni classına sahip spana position absolute ve z-index=1 verip left top right vs istediğiniz gibi konumlandırırsınız. php ya da asp ne kullanıyorsanız onunla da ürünün durumuna göre span clasını yeni, kampanya vs değiştireceksiniz. Umarım anlatabilmişimdir. Kolay gelsin

Teşekkürler Hocam, yararlı oldu.