2016-05-23, 10:23 PM
Hello,
I recently added forum icons to my site, so that I may have an image for each forum. However, I know that this may slow down the performance, so I would like to attach them all into a css spritesheet. Only problem is, I'm not entirely sure how to go about doing it. This is the code I used for the forum icons:
Here, it calls for an image with the forum's id, however I do not know how to modify it to look at a single spritesheet image, and where to even put the css for the spritesheet. I appreciate all help, thank you in advance.
My site:
mathforums.net (some forum icons are missing because I have not put them in yet)
I recently added forum icons to my site, so that I may have an image for each forum. However, I know that this may slow down the performance, so I would like to attach them all into a css spritesheet. Only problem is, I'm not entirely sure how to go about doing it. This is the code I used for the forum icons:
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="images/ficons/{$forum['fid']}.gif" alt="" title="" class="" id="" height="40" width="40" /></td>
Here, it calls for an image with the forum's id, however I do not know how to modify it to look at a single spritesheet image, and where to even put the css for the spritesheet. I appreciate all help, thank you in advance.
My site:
mathforums.net (some forum icons are missing because I have not put them in yet)