PDA

View Full Version : Transparent - Online/Offline Status Icons


csavern
06 Aug 2007, 03:32
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

http://www.rotormadness.com/art/status.png

jerrygad
06 Aug 2007, 06:38
Awesome! It's look great.

csavern
06 Aug 2007, 10:47
Thx

Videx
07 Aug 2007, 02:41
Um. So why can't you change them to transparent .gif and save the editing?

csavern
07 Aug 2007, 11:05
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
13 Sep 2007, 14:49
Great work csavern! Wish more designers used png.

csavern
14 Sep 2007, 00:57
Thank you
PNG format makes things look a little better on the forums

ninjamaster
08 Oct 2007, 09:48
looks cool thanks

Ohiosweetheart
10 Dec 2007, 04:10
Love png icons. Thanks for the images and the tutorial ;)

Jasem
21 Apr 2008, 13:06
very good!, Thank you very much