h2g2 Skin Ads
Created | Updated Jan 28, 2002
OK, so you've spent all this time designing your page to look good, but there are two different skins, and your page only looks good in one of them. You don't want visitors to think you're some hopeless dweeb who doesn't know anything about design. It would be one thing if your graphics were rectangular, but you've got odd shapes and use a blue background for your classic goo page, or a white background for your alabaster page. You try to use transparency, but let's face it -- it just doesn't work that well with two such different backgrounds.
There is a solution. Let your visitors know that your page kicks butt in the right skin and give them the option to see it the right way. Go ahead and try clicking on the images below and see what happens. (start by clicking on one that's for the other skin than you're using or you won't see anything happen)
For Classic Goo Pages
Save the image and upload to your server, then use this code (replace the XXXXXXX with your page number, and use the correct address for the image on your server). If it's your Home Page (rather than a Guide Page, you can change 'H2G2' to 'BIO' and use the page number that starts with 'U'.
<LINK H2G2 ="AXXXXXX?skin=classic">
<PICTURE SRC="http://www.yourserver.com/goo.gif" EMBED="RIGHT"> Click to see this page in Goo! </PICTURE>
</LINK>
<LINK H2G2 ="AXXXXXX?skin=classic">
<PICTURE SRC="http://www.yourserver.com/goosmall.gif" EMBED="RIGHT">It's best in Goo!</PICTURE>
</LINK>
Simple Text Link
For entry pages:
<LINK H2G2 ="AXXXXXX?skin=classic">Click here to see this page in Classic Goo </LINK>
For home pages:
<LINK BIO ="UXXXXXX?skin=classic">Click here to see this page in Classic Goo </LINK>
For Alabaster Pages
<LINK H2G2 ="AXXXXXX?skin=alabaster">
<PICTURE SRC="http://www.yourserver.com/alabasterbird.gif " EMBED="CENTER">Click here to view in Alabaster!</PICTURE>
</LINK>
<LINK H2G2="AXXXXXX?skin=alabaster">
<PICTURE SRC="http://www.yourserver.com/alabastersmall.gif " EMBED="CENTER">Best in Alabaster!</PICTURE>
</LINK>
Simple Text Link
For entry pages:
<LINK H2G2 ="AXXXXXX?skin=alabaster">Click here to see this page in Alabaster </LINK>
For home pages:
<LINK BIO ="UXXXXXX?skin=alabaster">Click here to see this page in Alabaster </LINK>
Changing Preferences
This one opens the user's own preferences page so they can change their preferences.
<P><LINK H2G2="UserDetails">
<PICTURE SRC="http://www.yourserver.com//banner.gif" EMBED="CENTER" />
</LINK></P>