NO ADD example page

Hide Geocities "javascript" Adds

This page shows how to hide the javascript adds generated by yahoo server. No wrong intentions are intended against Yahoo! or Geocities, who have provided users with this wonderful free Geocities webpage service.

Hiding of the javascript adds is done using cascading style sheets. It uses positioning styles to show the actuall matter written by the user in the html file on "top" of the adds.

The following style makes the division position as absolute. All text is put inside the division "matter", which is itself enclosed in <body></body> tags.

.matter{
position: absolute;
}

No text in the body tags puts the javascript adds in top left corner. All the text being in "matter" division, which is absolutely positioned, is rendered over the javascript adds.

However, if you veiw the page in Internet Explorer (6.0+), it still comes up on the right top corner. To hide it in Internet Explorer too, add the following style to the "matter" class:

z-index: 1;

Using the above styles with other margin, and padding styles we can hide the banner adds generated by yahoo server using javascript. The implementation can be seen in this page too as it uses the styles.

Another method has been suggested by "arthur_odwyer". He writes his method in detail at this link. I tried his method, but as he says, the scroll bar looks annoying.

I experimented with his method by tweeking it a bit. Instead of

</html>
<table><tr><td><font size=0><xmp>

I used

</html>
<table><tr><td><div style="font-size:1%;"><xmp>

and was able to reduce the size of the horizontal scrollbar size a lot. The reduced size or scroll bar was achieved only in IE6.0+. Mozilla family (Mozilla and Firefox) didnot reduce the size of the "javascript" text. Although the scroll bar is less annoying than the advertisements, for really picky persons the "hiding" method would be better than his "killing" method.