This allows the button to appear and gives 3 different forms when it is untouched, when I get near to the button and when I click on it.
However, how do I reduce the space around the button so that it only changes when I hover over it and not when I’m hovering around the space of the button? Also, how do I allow the active bg to stay active once I clicked on it, and revert back to hovering state once I unclicked it?
What do you mean by “unclicked”? a Button is not a Toggle.
And to your hover problem you don’t get “near” the button, you’re ON the button. You’ve made the button 230x200 … I guess the background texture is smaller than your actual button…
GUI elements are always rectangular so there’s no easy way around that fact (if your image is circle-shaped with alpha or something like that)