Forum Moderators: not2easy

Message Too Old, No Replies

How to insert a watermark image in the background

         

contentmaster

9:27 am on Oct 11, 2004 (gmt 0)

10+ Year Member



I am working on a webpage and need to insert a watermark image in the background....i am working in both frontpage and dreamweaver........what is the procedure to do this?

Also i tried inserting an image through page properties but the image is tiling throughout the page....What i want is for the image to appear in the center of the page as a watermark once....

Please help

Span

9:39 am on Oct 11, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Something like this should do it:

body {
background:ivory url(watermark.gif) no-repeat fixed center center;
}

contentmaster

10:32 am on Oct 11, 2004 (gmt 0)

10+ Year Member



Can you provide me the exact code with the proper elements?

Span

6:03 pm on Oct 11, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi,
actually it is exact and working code.

Just replace the color ivory with your own background color in hex #ffffff or rgb rgb(255,255,255); and put the url to your own image between the parenthesis.

no-repeat - the image won't tile
fixed - watermark will not scroll
center (1) - centers your watermark horizontally
center (2) - centers your watermark vertically

This rule could be placed in between <style></style> tags in the head of your page or in an external stylesheet.