Creating cool watermarks

[herrlip]

Hi guys,
I would like to have a nice watermark in the middle of my webpage and the text can be typed over it and is light enough that I can still see the text. Does anyone have some cool code and instructions on how to do something like this? I guess I want to set the image as a background, however i cannot re-size the image so It can be plum center of the page and taking up little space. It takes up the whole page, I only want it to be behind a paragraph of text in the middle of the page. Can anyone help me, or steer me in the right direction, I'm new to web design, but I'm enjoying it. Thanks Guys

J

[LiLcRaZyFuZzY]

have it as a background image of that paragraph

[felgall]

To centre a background image on the page you use stylesheet commands.

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

Just substitute the name of your background image for mypic.gif

[Charles]

To centre a background image on the page you use stylesheet commands.

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

Just substitute the name of your background image for mypic.gifBut note, the STYLE element requires a type attribute. There exists two types of styles and neither is the default. Use <STYLE type="text/css">

[LiLcRaZyFuZzY]

or the shorthand version:

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