Change "Online" position

I would like something like this.

I know you can change the post of where you want it in template editing but how would you add text as well? Or is not as complicated as I'm making it.

--EDIT--
Nevermind.. I changed the "Online" button in the Pics Management and it still shows up as the green dot..
And I'm not sure how to make it show an "Offline" image.

Well have a image which has the text.

Oh.. Well, I do have the image like that.
These two actually..


But I changed them here:

And it didn't change anything..


--EDIT--
Ok, I found the missing "Online" portion..

Now I just need to know how to add an "Offline" one.

Bump..?

There isnt a offline option to use a button.