Different number required on same pictures, how to do ?

[TheSwede]

Hi all,

Been a while since I been trying to figure this out (which I wasn't able to) and have totally forgot even what it was called. Example below is from a Russian site but hopefully you get what I'm meaning, the amount they have on the pictures seems to be added without having to manually redo every single picture if same item, but a different amount, is needed for other recipes.

http://beadeath.dclans.ru/viewpage.php?page_id=118

I am using WordPress for my own site, if that would make a difference.

Any and all help is greatly appreciated.

 

[markeh]

That site is doing it by absolutely positioning a div with the numeric value over the image.

<div class="num-inner">
<div class="inner-numb">5</div>
<div class="inner-pics">
<a href="http://w1.dwar.ru/artifact_info.php?artikul_id=373" target="_blank"><img title="Омела" alt="Омела" src="http://w1.dwar.ru/images/data/artifacts/omela.gif" class="artifact"></a>
</div>
</div>

The 'inner-numb' div is absolutely positioned.

 

[TheSwede]

Thanks for your reply markeh, very much appreciated !

Now, how would I do to use this myself ? Would I be wrong in guessing I need some sort of CSS incorporated to make this work ? Or even better, is there any widget out there, that would do something similar, since pretty "sick" of using gimp to manually do similar things as this is doing. Or do I just have to learn CSS to make it work ? lol

 

[Nymins]

As markeh has said they have positioned a div 'absolutely' over the image.

You'll need to use CSS to make this work, trial and error really.