Make a selection from the drop-down list.

Make a selection from the second drop-down list.

The second drop-down was made to work by changing the 'form name="jump" ' to "left" and the change was also made "location=". Interestingly, the second "jump" inside the [] was not changed.

Sunday, July 22, 2007

Semi-hidden Links

The in-post background/watermark was moved to In-Post Background.

This post is about having semi-hidden discoverable links in a post. Did you miss the first one? It went to my other blog.

That one is in the - in semi-hidden. It was done like this:

semi<a style="color: rgb(0, 0, 0);text-decoration:none" href="">-</a>hidden

It's a normal link attached to the - in the normal way, the text color is set to the same as the rest of the post, and the text decoration is set to none, so the link is not underlined.

Simple enough, isn't it? I know you caught the second one, so I shouldn't have to tell you how I did it, but here goes.

simple<a style="color: rgb(0, 0, 0);text-decoration:none" href=""> </a>enough (there's a space between > and < even if wrapping causes it to disappear.)

The link is the space between simple and enough, which demonstrates that just about anything can be used as long as you blend it in. You can also use a non-breaking space (&nbsp;) if it is needed in this case.

My third demonstration is of a clickable area. I did it by inserting a transparent image in a relative position and creating a normal image-link. This method is clearly much more complicated and may not work in all cases. The area is actually near the word clickable in the first sentence of this paragraph, and may not be in the same location in all operating systems and browsers. It was done by putting the following at the end of the post and adjusting the position until it was about right.

<a href=" whats-dog-to-do.html"><img src="clear3.gif" style= "float:right;border:0;position:relative;left:-155px; top:-316px;z-index:1"></a>


No comments: