blackwizard
Account Closed
- Impact
- 12
Step 1: Choose from one of the following files and save it into your webpage directory (either by clicking it, or clicking it with the shift key depressed for NS users). Which file to download depends on how you want the logo positioned. The below demo uses the first file:
//edit the below 5 steps
// 1) substitute 116 and 42 with the width and height of your logo image, respectively
var logowidth=116
var logoheight=42
var logoimage=new Image(logowidth,logoheight)
// 2) change the image path to reflect the path of your logo image
logoimage.src="../dynamic2.gif"
// 3) Change url below to the target URL of the logo
var logolink="http://yoursitename.com"
// 4) change the alttext variable to reflect the text used for the "alt" attribute of the image tag
var alttext="THIS LOGO IS COOL"
// 5) Finally, below variable determines the duration the logo should be visible after loading, in seconds. If you'd like the logo to appear for 20 seconds, for example, enter 20. Entering a value of 0 causes the logo to be perpectually visible.
var visibleduration=12
// Optional parameters
var Hoffset=10 //Enter logo's offset from right edge of window (edit only if you don't like the default off
set)
var Voffset=0 //Enter logo's offset from top edge of window (edit only if you don't like the default offset)
///////////////////////////Do not edit below this line/////////////////////////
var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var watermark_obj=ie? document.all.watermarklogo : document.getElementById? document.getElementById("watermarklogo") : document.watermarklogo
function insertimage(){
if (ie||document.getElementById)
watermark_obj.innerHTML='<a href="'+logolink+'"><img src="'+logoimage.src+'" width="'+logowidth+'" height="'+logoheight+'" border=0 alt="'+alttext+'"></a>'
else if (document.layers){
watermark_obj.document.write('<a href="'+logolink+'"><img src="'+logoimage.src+'" width="'+logowidth+'" height="'+logoheight+'" border=0 alt="'+alttext+'"></a>')
watermark_obj.document.close()
}
}
function positionit(){
var dsocleft=ie? document.body.scrollLeft : pageXOffset
var dsoctop=ie? document.body.scrollTop : pageYOffset
var window_width=ie? document.body.clientWidth : window.innerWidth-20
if (ie||document.getElementById){
watermark_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-logowidth-Hoffset
watermark_obj.style.top=parseInt(dsoctop)+5+Voffset
}
else if (document.layers){
watermark_obj.left=dsocleft+window_width-Hoffset-logowidth
watermark_obj.top=dsoctop+window_height+5+Voffset
}
}
function hidewatermark(){
if (document.layers)
watermark_obj.visibility="hide"
else
watermark_obj.style.visibility="hidden"
clearInterval(watermarkinterval)
}
function beingwatermark(){
watermarkinterval=setInterval("positionit()",50)
insertimage()
if (visibleduration!=0)
setTimeout("hidewatermark()",visibleduration*1000)
}
if (ie||document.getElementById||document.layers)
window.onload=beingwatermark
Step 2: Insert the below inside the <body> section of the pages, in open space (not contained inside any tag, such as <table> etc). Be sure to change the name "staticlogo.js to match the file you've downloaded above:
div id="watermarklogo" style="position:absolute;"></div>
<script src="staticlogo.js">
</script>
Configuring the logo: All configurations to the script are made inside the external file you saved in Step 1. There are in total 5 variables you need to configure.
As mentioned above, since the script itself is inside an external js file, you can easily update the logo image/link whenever you wish simply by changing two lines of code, and the changes will instantly be applied to all the pages that use the logo script. You can even temporarily disable the logo by commenting out the last 2 lines of code inside the file (just put it back when you want the logo re-enabled).
Enjoy the script!
//edit the below 5 steps
// 1) substitute 116 and 42 with the width and height of your logo image, respectively
var logowidth=116
var logoheight=42
var logoimage=new Image(logowidth,logoheight)
// 2) change the image path to reflect the path of your logo image
logoimage.src="../dynamic2.gif"
// 3) Change url below to the target URL of the logo
var logolink="http://yoursitename.com"
// 4) change the alttext variable to reflect the text used for the "alt" attribute of the image tag
var alttext="THIS LOGO IS COOL"
// 5) Finally, below variable determines the duration the logo should be visible after loading, in seconds. If you'd like the logo to appear for 20 seconds, for example, enter 20. Entering a value of 0 causes the logo to be perpectually visible.
var visibleduration=12
// Optional parameters
var Hoffset=10 //Enter logo's offset from right edge of window (edit only if you don't like the default off
set)
var Voffset=0 //Enter logo's offset from top edge of window (edit only if you don't like the default offset)
///////////////////////////Do not edit below this line/////////////////////////
var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1
var watermark_obj=ie? document.all.watermarklogo : document.getElementById? document.getElementById("watermarklogo") : document.watermarklogo
function insertimage(){
if (ie||document.getElementById)
watermark_obj.innerHTML='<a href="'+logolink+'"><img src="'+logoimage.src+'" width="'+logowidth+'" height="'+logoheight+'" border=0 alt="'+alttext+'"></a>'
else if (document.layers){
watermark_obj.document.write('<a href="'+logolink+'"><img src="'+logoimage.src+'" width="'+logowidth+'" height="'+logoheight+'" border=0 alt="'+alttext+'"></a>')
watermark_obj.document.close()
}
}
function positionit(){
var dsocleft=ie? document.body.scrollLeft : pageXOffset
var dsoctop=ie? document.body.scrollTop : pageYOffset
var window_width=ie? document.body.clientWidth : window.innerWidth-20
if (ie||document.getElementById){
watermark_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-logowidth-Hoffset
watermark_obj.style.top=parseInt(dsoctop)+5+Voffset
}
else if (document.layers){
watermark_obj.left=dsocleft+window_width-Hoffset-logowidth
watermark_obj.top=dsoctop+window_height+5+Voffset
}
}
function hidewatermark(){
if (document.layers)
watermark_obj.visibility="hide"
else
watermark_obj.style.visibility="hidden"
clearInterval(watermarkinterval)
}
function beingwatermark(){
watermarkinterval=setInterval("positionit()",50)
insertimage()
if (visibleduration!=0)
setTimeout("hidewatermark()",visibleduration*1000)
}
if (ie||document.getElementById||document.layers)
window.onload=beingwatermark
Step 2: Insert the below inside the <body> section of the pages, in open space (not contained inside any tag, such as <table> etc). Be sure to change the name "staticlogo.js to match the file you've downloaded above:
div id="watermarklogo" style="position:absolute;"></div>
<script src="staticlogo.js">
</script>
Configuring the logo: All configurations to the script are made inside the external file you saved in Step 1. There are in total 5 variables you need to configure.
As mentioned above, since the script itself is inside an external js file, you can easily update the logo image/link whenever you wish simply by changing two lines of code, and the changes will instantly be applied to all the pages that use the logo script. You can even temporarily disable the logo by commenting out the last 2 lines of code inside the file (just put it back when you want the logo re-enabled).
Enjoy the script!
