How do I add a hyperlink to a button?
Buttons and menus don't serve much purpose if they don't have links to other pages or web resources attached to them. When the pages you are linking to are being created by SiteGrinder, the links are created automatically.
You only need to manually provide links using the technique described below when you are linking to pages or other web resources that you are not building with SiteGrinder.
These kinds of links include:
- pages on other websites
- pages made with another tool
- pages made with SiteGrinder in a separate build from a different Photoshop document.
- links that are not web pages, like email addresses or downloadable files
This example shows what to do when you want to link to a page you've already built or to another site entirely. You can create links by opening SiteGrinder and using the Button Pane (click for details) or, by using a text layer with the "-link" hint, described below.
The"-link" hint on a type layer tells SiteGrinder to use the contents of the type layer with the hint as the hyperlink for the button with the matching name.
Here is how it's done starting with a new empty document in Photoshop
That's it! |
 |
For brevity we made this a button with no rollover, but it works identically for buttons with rollovers. The same "-link" layer would automatically apply to the rolled-over state had we added a "-rollover" layer. Thus a button named "Media Lab-button" with a rollover named "Media Lab-rollover" needs just one link layer named "Media Lab-link".
This technique, of course, also works for graphic layers. In fact, if anti-aliasing was set to anything other than "None" for the "Sample-button" layer you made in step 1 then a graphic button was actually created instead of a text button.
Read more about the -link hint here
Find out how to set links using SiteGrinder's user interface here
Find out how to place links on words and phrases inside text here