Lone Wolf
Well-known member
I'm currently using the following code in the message_user_info template and it's working fine...
However I could be using upto 2 dozen images so I was wondering how to achieve the above with a CSS Sprite sheet to reduce the number of images loading, etc.
Code:
<!-- Start User Ranks -->
<xen:if is="{$user.is_admin}">
<span class="userrank"><img src="styles/flexile/xenforo/ranks/admin.png"></span>
</xen:if>
<xen:if is="{xen:helper ismemberof, $user, 2}">
<span class="userrank"><img src="styles/flexile/xenforo/ranks/member.png"></span>
</xen:if>
<!-- End User Ranks -->
However I could be using upto 2 dozen images so I was wondering how to achieve the above with a CSS Sprite sheet to reduce the number of images loading, etc.