Submit FAQs Awards Usage Terms Contact
Categories
Partners
DaniWeb is an exciting community for web developers, Internet marketers, and technology enthusiasts.
Other Sections
Sweet Ads
Compatibility
  • IE5+: IE 5 and above
  • FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
  • Opr7+: Opera 7 and above.
Bookmark online:
FF1+ IE5+ Opr7+

Site Logo Script (a.k.a Geocities Watermark)

  Author: Dynamic Drive

Note: Last updated June 17, 2002

Description: A site logo script that displays a static logo on the bottom right corner of the screen. The logo itself is clickable. The entire script is encapsulated in an external JavaScript file, allowing you to easily deploy the logo on multiple pages. Notable features of this script include:

  • Fully customizable, from logo URL, alt text, to logo offset from browser edges
  • Configurable to disappear after a specified amount of time.

Demo:

Directions Developer's View

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:

staticlogo.js (Lower right corner logo)
staticlogo2.js (Lower left corner logo)
staticlogo3.js (Upper left corner logo)
staticlogo4.js (Upper right corner logo)

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:

Select All

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!