	free hosting image hosting hosting reseller online album e-shop famous people

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:

<style> body { background-attachment: fixed; background-image: url("yourimage.jpg"); background-repeat: no-repeat; background-position: center; } </style>

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