Background Watermark How to make a simple watermark

[Blue Icebox 0]

What is a watermark?

A watermark is a type of use for a background image. When you scroll with a background image, it'll usually be in alignment with the text so it's stuck in a position. It'll go upwards when you try scrolling down. With a watermark, the background image usually stays with the screen. So if you scroll down, you'll still see the same pattern, not moved.

 

How do you make a watermark?

As you make a watermark, you have to go into "CSS" coding. It's a simple code that can simply restyle your site.

 

CSS Coding

Tiled Watermark:

<style>body{background-attachment:fixed;background-image:url("YOURURLGOESHERE");}</style>

Repeat X-Axis

<style> body{ background-attachment:fixed; background-image:url("YOURURLGOESHERE"); background-repeat: repeat-x; } </style>

Repeat Y-Axis

<style>  body{  background-attachment:fixed;  background-image:url("YOURURLGOESHERE");  background-repeat: repeat-y;  }  </style>

No Repeat

<style>  body{  background-attachment:fixed;  background-image:url("YOURURLGOESHERE");  background-repeat: no-repeat;  }  </style>

Copy paste any of these code and send it between the < head > < /head > code.

Then replace YOURURLGOESHERE with your image url.

The background-repeat thing, it tells how to repeat your url.

 

Another way to do this without putting the styles between < head > < /head > is creating a .css file

make it like this: background.css and copy paste all the code and omit < style > < /style >. You can edit background.css all you want without having to manually going through each page to change it! But you still have to put this tag into each page's < head > tags.

 

<link rel="stylesheet" type="text/css" href="/background.css" />

*Please note that when I do < tag > with the space to avoid problems with the thread.