Backgrounds
Last updated 19 Sep 2005
Tutorial
Now for what you came for!
body {background: url("URL");background-position: bottom right; background-attachment: fixed; background-repeat: no-repeat; background-color: FFFFFF}
New CSS
<style type="text/css">
body {background: url("URL");background-position: bottom right; background-attachment: fixed; background-repeat: no-repeat; background-color: FFFFFF}
</style>
URL is the URL of the image (such as http://www.neoextreme.com/images/backgrounds.jpg).
Background Position is where the image will be placed. Bottom right will place it in the bottom right hand corner. Top left will place it in the top left hand corner. Get it?
Background Attachment describes if it will stay "stuck" on the page. Like if you were to scroll down the page, would it still stay in the bottom right hand corner, or will it move up when your scroll? Fixed makes it stay.
Background Repeat is if the background will continue to repeat over and over or just have one image.
No Repeat: no-repeat
Repeat: repeat-y
Background Colour is what the colour of your background will be. Lets say you create a black graphic, but it doesn't cover the whole background and there is still white spaces. What are you going to do? Change the background colour to black is what you're going to do! :D
The important thing to know if you don't have to include all those parts if you don't want to. You could just have background URL and position if you wanted, or maybe just colour if you like. :) You can edit the background CSS to be whatever you need.