Transparent - Online/Offline Status Icons

Here Is A Set Of Online/Offline Icons I Made
you will need to do 1 template edit to make these work
Reason for template edit is that the standard images are .gif format these are transparent and saved in .png format

Edit Template postbit_onlinestatus

<if condition="$onlinestatus==0"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_offline.gif" alt="<phrase 1="$user[username]">$vbphrase[x_is_offline]</phrase>" border="0" /></if>
<if condition="$onlinestatus==1"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_online.gif" alt="<phrase 1="$user[username]">$vbphrase[x_is_online_now]</phrase>" border="0" /></if>
<if condition="$onlinestatus==2"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_invisible.gif" alt="<phrase 1="$user[username]">$vbphrase[x_is_invisible]</phrase>" border="0" /></if>

The Code That Is In Red Needs To Look Like This

<if condition="$onlinestatus==0"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_offline.png" alt="<phrase 1="$user[username]">$vbphrase[x_is_offline]</phrase>" border="0" /></if>
<if condition="$onlinestatus==1"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_online.png" alt="<phrase 1="$user[username]">$vbphrase[x_is_online_now]</phrase>" border="0" /></if>
<if condition="$onlinestatus==2"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/user_invisible.gif" alt="<phrase 1="$user[username]">$vbphrase[x_is_invisible]</phrase>" border="0" /></if>

Just Change user_offline.gif to user_offline.png
same as user_online.gif to user_online.png

[jerrygad]

Awesome! It's look great.

[csavern]

Thx

[Videx]

Um. So why can't you change them to transparent .gif and save the editing?

[csavern]

Well just thought i would share the buttons allmost everything on my board is .png because of using shadows on images so all the buttons i made for my board i use .png
i left a psd zip files here and if you like your more then welcome to download and make .gif your self if ya like

[slyreptile]

Great work csavern! Wish more designers used png.

[csavern]

Thank you
PNG format makes things look a little better on the forums

[ninjamaster]

looks cool thanks

[Ohiosweetheart]

Love png icons. Thanks for the images and the tutorial

[Jasem]

very good!, Thank you very much