Jump to content
xisto Community
Sign in to follow this  
Blue Icebox

Background Watermark How to make a simple watermark

Recommended Posts

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. :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.