Click to See Complete Forum and Search --> : Creating cool watermarks


herrlip
11-12-2005, 12:31 PM
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
11-12-2005, 01:07 PM
have it as a background image of that paragraph

felgall
11-12-2005, 04:27 PM
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
11-12-2005, 04:33 PM
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
11-12-2005, 04:35 PM
or the shorthand version:

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