Phill's Web Site Construction Workshop: Monthly Hints Area

<p><DIV STYLE="position:absolute;top:1;display:none;" ALIGN="right">
<IMG SRC="branding_image.gif" BORDER="0"></A>
</DIV>
<SCRIPT LANGUAGE="javascript">
/*Created by Peter Snowdon aged 15. If you want to use
this script please read:
--Terms of Use--
You may use and distribute this script freely only if this information is retained on the script. Peter Snowdon © 1998. All Rights Reserved.
Please e-mail me: peter.snowdon@lineone.net
*/
<!--hide lerr
var IW= 0;
var IH= 0;
var PX= 0;
var PY= 0;
var ZIN= 0;
var us= null;
var IMGW= 117;
var IMGH= 18;
var LSAFETY= 40;
var TSAFETY= 17;
function marking()
  {
  if (navigator.appVersion.indexOf("Mac") == -1)
    {
    oldIW= IW;
    oldIH= IH;
    oldPX= PX;
    oldPY= PY;
    if ((document.body.clientHeight != oldIH)||(document.body.clientWidth != oldIW)||(document.body.scrollLeft != oldPX)||(document.body.scrollTop != oldPY))      {
      alldivs= document.all.tags("DIV");
      if (us == null){ 
        for (i=0; i<alldivs.length; i++)
          {
          us= alldivs(i);
          }
      }
if(window != window.top){
  var ourDoc= "";
  var ourDocWidth= 0;
  var ourDocHeight= 0;
  var ourDocTest= 0;
  for(i=0;i<window.top.frames.length; i++){
    if((window.top.frames[i].document.body.clientWidth * window.top.frames[i].document.body.clientHeight)>ourDocTest)
{
    ourDoc= window.top.frames[i];
    ourDocTest= window.top.frames[i].document.body.clientWidth * window.top.frames[i].document.body.clientHeight;
}
  }

}
if((ourDoc)&&(ourDoc != self)){
us.style.display= "none";
}

if(((ourDoc)&&(ourDoc == self))||(!ourDoc)){
      if (us != null){
        us.style.display= "none";
        IH= document.body.clientHeight;
        IW= document.body.clientWidth;
        PX= document.body.scrollLeft;
        PY= document.body.scrollTop;
        us.style.top= (IH+PY-(IMGH+TSAFETY));
        us.style.left=(IW+PX-(IMGW+LSAFETY));
        for (i=0; i<alldivs.length; i++){
          templay= alldivs(i);
          if (templay.style.zIndex > ZIN)
            us.style.zindex= (templay.style.zIndex + 1);
        }
        us.onmouseover= neat_mouseover;
        us.onmouseout= neat_mouseout; 
        us.style.display= "";
      }
   }
  }
 }
}

function neat_mouseover(){
  if(us != null){
    window.status="additional text goes here";
    return true;
  }
}

function neat_mouseout(){
  if(us != null){
    window.status="";
    return true;
  }
}

setInterval("marking()",100);

// end lerr -->
</SCRIPT></DIV>

</body>
</html>
</p>

Now all you have to do is copy and paste this script to the BOTTOM of your page. Then change the image name to match the image you want to brand your site with. **Note: I had to make my image taller by 65 pixels than it really need to be just for this thing to show up. What I did was add extra space 65pixels below the HTML and made the background transparent.**

Phill's Web Site Construction Workshop:Monthly Hints Area

My Small Collection of Scripts

Phill's Web Site Construction Workshop:
Monthly Hints Area