Thursday, October 16, 2008

Did You Know? Invisible Buttons

Did you know that buttons on your site don't have to be visible in order for them to work? You can do all kinds of fun stuff with this in your site... like creating hidden links to hidden pages. But this feature can also be useful for some very straight forward things as well.




Let's say you have a text box with a script font in it. The text box needs to be a sufficient size in order to display the text properly. But when you turn this text into a link to a different page... the entire text box turns into the link and causes problems with other layers on the page.




You can see on the picture below... the text box from above makes the mouse cursor change to alert the user that there is something there to click. But we want to avoid this so far away from the actual text itself.


The solution is an invisible button!


Add a square from the Showit Library's Flash section. Then position and size it to the area where you would actually like to have the text respond as a link.


Once you have the square sized and positioned properly, you will jump up to the Effects tab. You want to change the opacity of the square layer to zero. Then jump over the the Link tab and have the square layer link to the page rather than the text.


Now you can see that the text doesn't change the mouse cursor too far away. You're using an invisible button!

Do you have need for an invisible button? Try it out!

No comments: