A Not Moving Background!

Alright! Sorry it took so long, I figured since multiple people were asking, it would be easier to make one post here instead of going to each page and commenting them. So, basically. If you click on that little "Customize" link on the top right of your page, you'll go to a screen that looks like this (click on the little picture and it'll make it bigger):




So, you want to get to that first page, under the Layout tab, go to "Page Elements."

Now, one of my page elements is that "HTML/JavaScript" one on the bottom right-ish area.

If you go to that, and click edit, it'll bring up that window up there over everything else, that's the ticket right there. You'll enter CSS in there to make the changes for your background! I made my background and things and put them in through there, so I don't know if it'll work with their default backgrounds also, but it's worth a try.

So, anyway, in that window where you can edit the HTML/JavaScript, you'll need to put this:

<style type="text/css">
body{
background-color:681012;
background-image:url('http://img242.imageshack.us/img242/3499/collage2kb3.gif');
background-attachment:fixed;
background-repeat:no-repeat;
background-position:top left;
text-align:center;
}
</style>

In case it helps, this is kind of what that all means:

The background-image part is if you want to add in your own background. That url it's got there is for the picture that's on my background right now, so you can either take that out, or put in your own.

The background-attachment: fixed is what makes it stop from moving, but for that to work, background-position has to be at "top left." (I think)

And then, background-repeat just tells it to either let the picture keep going in all directions or not, no-repeat just makes it so the picture is only there once.


Hah, I'm not much of a teacher, so let me know if I need to explain anything better for you!