free hosting   image hosting   hosting reseller   online album   e-shop   famous people 
Free Website Templates
Free Installer

Background Watermark



This script lets you add a background image to your page.

Nothing new about that, but the image won't move when you scroll the page.

This can be handy and effective if you wish to use a personal or company logo on your pages.


Paste the code below in the head section of your page:

How It Works

The style commands do all the work:
background-attachment: fixed; keeps the image static when you scroll
background-image: url("yourimage.jpg"); is the URL of your image
background-repeat: no-repeat; displays only one image, not tiled
background-position: center; defines the image position on the page

Options

To tile the image, use: background-repeat: repeat;


To change the position on the page, here are some options:
background-position: top right;
background-position: top left;
background-position: bottom right;
background-position: bottom left;
For best results, reduce the opacity of your watermark image.

That way, your text won't be difficult to read.

Try a value of 50% for starters.



© 2001 CyberSchool