Create Webpage Badge

Hi,

I want to design a star on my home page with “30% Discount” on it.

Are there any tutorials on how to do this in Fireworks and to position correctly using CSS??

Example I guess is the alistapart badge

Thanks!!!

I guess this code all the work for that… not sure how they got black round circle.

<div id=“ish”>
<a href=“http://www.alistapart.com/issues/298” title=“Issue 298”>No. <em>298</em></a>

</div>

This might be useful in creating the image you want: http://www.smashingmagazine.com/2007/03/10/web-20-tutorials-round-up/

As for positioning, you can either use absolute positioning on an IMG element or background-position in CSS on a background image (to offset the image to appear in a certain location). Depending on which method you want to take, there’s plenty of tutorials out there if you Google for them on both questions. :slight_smile:

http://www.web20badges.com/