Changing The Background Image

Jan 21, 2009 15:02

Some of you might not know how to change the background image on your layout. Looking at this comm, I'm talking about the peachy orange area behind the actual community.

At the top of any coding I've done you will find this section:
body{
background-color: #000000;
background-image: url();
background-repeat: repeat;
background-attachment: fixed; - the background won't scroll... just your journal
color: #000000;
font-family: "Trebuchet ms", arial, verdana, sans-serif;
font-size: 12px;
margin: 10px 0 20px 0;
}

The underline portion is where you change the background color. With the change of the #code you will be changing the color that is set behind your journal or community.

The bold portion is where you will want to insert your Background Image Link in the (). This will give you an image background instead of the color. See some images below...

The italized portion is where the "image" background determines what it is going to be doing. So if it says no-repeat then you will have an image up in the corner of your journals background (if you have an image link inserted). If it says repeat (as it says above) your image will repeat all over your background giving you an nice looking background.

You can find images at http://backgrounds.mbif.net/ or go to Layout Lounge's Background Images.

image: background, #account: all, !lj-tips/tricks/features, help with: images

Previous post Next post
Up