Changing The Background Image

[sireesanwar.livejournal.com]

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.

Comments

[missvex.livejournal.com]

hi, i have a question.

I'm currently using a layout i love a lot but i want to change the background image, whenever i put the link into the background image url brackets, my browser takes ages and then just shows blank without doing anything to the layout, any idea why that is and how i can avoid that? i tried substituting the codes but still doesnt work...

[sireesanwar.livejournal.com]

Hmm. Upon looking at your code I would suggest adding the line

background-repeat: repeat;

After the url line. I'm not sure if this will help but it is the only thing I can think off. Also make sure the ( ) are around the url and that there is a ; at the end of the line.

Also sometimes after you put the url in the might be a paragraph break like this

background-image:
url();

or

background-image: url(
);

Always make sure they aren't separated on lines like this. I check with a backspace and if it deletes something it shouldn't I just add it back.

Let me know if you have any more issues.

[the-lady-revan.livejournal.com]

I love your backgrounds, they really dress up a layout. Thanks!

[sireesanwar.livejournal.com]

Thanks. I think so too so I had to share.

[kuuki-chan.livejournal.com]

Love Love the layout..Thank you very much XD

[sireesanwar.livejournal.com]

You are very welcome.

[fleur-meilleur.livejournal.com]

Love your backgrounds! And your tutorial is very helpful~

[sireesanwar.livejournal.com]

Thank you. I'm glad they are helpful.

[octavialao]

hi! I really love all your layouts. I just have one concern, how can I make the layouts work on mobile? cause when I use mobile, it messes up the layout.

[sireesanwar.livejournal.com]

LJ has not employed anything responsive so right now it isn't possible. I know it isn't ideal but hopefully soon... they talked about a really great app recently so I'm keeping my fingers crossed.