Logo Branding
Posted: Fri Dec 24, 2004 7:40 am
Have you seen the floating logo on the Geocities site? How would you like to have your logo floating in the corner of the site? This script does just that!
<!-- THREE STEPS TO INSTALL LOGO BRANDING:
1. Insert the first code into the HEAD of your HTML ****
2. Add the onLoad event handler to the BODY tag
3. the last code into the BODY of your HTML **** -->
<head>
<script type="text/javascript" language="JavaScript">
<!-- Begin
function setVariables() {
imgwidth=235; // logo width, in pixels
imgheight=19; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="****.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="****.body.clientWidth";
innerH="****.body.clientHeight";
offsetX="****.body.scrollLeft";
offsetY="****.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</script>
</head>
<body onload="setVariables(); checkLocation();">
<div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2">
<table width="10" bgcolor="#ffffff"><td>
</td>
</table>
</div>
</body>
<!-- THREE STEPS TO INSTALL LOGO BRANDING:
1. Insert the first code into the HEAD of your HTML ****
2. Add the onLoad event handler to the BODY tag
3. the last code into the BODY of your HTML **** -->
<head>
<script type="text/javascript" language="JavaScript">
<!-- Begin
function setVariables() {
imgwidth=235; // logo width, in pixels
imgheight=19; // logo height, in pixels
if (navigator.appName == "Netscape") {
horz=".left";
vert=".top";
docStyle="****.";
styleDoc="";
innerW="window.innerWidth";
innerH="window.innerHeight";
offsetX="window.pageXOffset";
offsetY="window.pageYOffset";
}
else {
horz=".pixelLeft";
vert=".pixelTop";
docStyle="";
styleDoc=".style";
innerW="****.body.clientWidth";
innerH="****.body.clientHeight";
offsetX="****.body.scrollLeft";
offsetY="****.body.scrollTop";
}
}
function checkLocation() {
objectXY="branding";
var availableX=eval(innerW);
var availableY=eval(innerH);
var currentX=eval(offsetX);
var currentY=eval(offsetY);
x=availableX-(imgwidth+30)+currentX;
y=availableY-(imgheight+20)+currentY;
evalMove();
setTimeout("checkLocation()",10);
}
function evalMove() {
eval(docStyle + objectXY + styleDoc + horz + "=" + x);
eval(docStyle + objectXY + styleDoc + vert + "=" + y);
}
// End -->
</script>
</head>
<body onload="setVariables(); checkLocation();">
<div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2">
<table width="10" bgcolor="#ffffff"><td>
</td></table>
</div>
</body>