To set a fixed background image use the following:
body
{
background-image:url('your_image.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
....taken from the w3schools tutorial.
The property you are referring to is called the background-attachment property. This property accepts three values, scroll, fixed, or inherit. The default is scroll. However, to set the background to not scroll, you would do: background-attachment: fixed;
Current CSS does not allow resizing a background image. Hopefully, CSS 3.0 will address that issue.
To your elements CSS add:position: fixed;
- Open "Edit Profile" - Select "Customize" - At Customize CSS just fill this :body { background-image: url(your image url); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-color: transparent; cursor: ; } example :body { background-image: url(http:/www.de-angel.com/Friendster/FS.GIF); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-color: transparent; cursor: ; }
Use the CSS declaration "background-color" For instance... <style type="text/css"> body { background-color: red; } </style> That code will change the background color to red. Background color will take the same values for a color as all other CSS color. A named color keyword, a hex RGB value, a decimal RGB value, and a decimal RGBA value.
A css background image is another name for a computer wallpaper.They can be found on Photobucket, SantaBanta Wallpaper, Deviant Art and Free Wallpapers.
To make a picture a background of a web site using CSS, you will use the different background properties, which are: background-color, background-image, background-repeat, background-attachment, and background-position. The specific property you are looking for is background-image. To use this property you would declare in your style sheet the following: body { background-image: url('paper.jpg'); } This is telling the web browser to use the image paper.jpg and make it the background of the entire page. The other background properties control whether the backgound is repeated along the x and/or y axis, the position on the screen the image begins at, whether the background is fixed or scrolls with the page, and the background color.
CSS means cascading style sheet, CSS in a myspace profile styles the profile to look different using colors and background images.
Background Image Code: For the body tag example: body { width: XXpx; height: YYpx; margin: 0 auto; background: #fff url(image_name.jpg) no-repeat center scroll; } That is the proper CSS code for a non-tile image where the contents scroll with the background image. Change "#fff" to preferred bg color. Change "scroll" to "fixed" if you want page contents to scroll over bg image. Be sure to set proper width/height to provide minimum page size to display bg image. Put the CSS as is on an external CSS file. If using embedded CSS, then place CSS between the style tags and place those style tags between the head tags of the page.
Depends on how you are able to edit the code. This is the basic CSS way for a web page: Background Image Code: For the body tag example: body { width: XXpx; height: YYpx; margin: 0 auto; background: #fff url(image_name.jpg) no-repeat center scroll; } That is the proper CSS code for a non-tile image where the contents scroll with the background image. Change "#fff" to preferred bg color. Change "scroll" to "fixed" if you want page contents to scroll over bg image. Be sure to set proper width/height to provide minimum page size to display bg image. Put the CSS as is on an external CSS file. If using embedded CSS, then place CSS between the style tags and place those style tags between the head tags of the page.
there are a few shorthand properties in css such as Shorthand version: .bla { background:#000 url(www.somewhere.com/pic.jpg) fixed top no-repeat; } Longhand version: .bla { background-color:#000; background-image:url background-attachment:fixed; background-position:top; background-repeat:no-repeat; } both versions do the same thing but obviously the first one is well shorter
<style type="text/css" media=screen> body{ background-color: gray;} </style>