How to change a plain background to one thats in a URL?

Hello!

How do I change this plain color backrgound to a background link?



^Im talking about teh blue area.

I tried inserting the link in the CSS but it just makes the background all white, instead of the image thats in the link.

Hello middo2,

You can apply a background image to your forum by navigating to..
Administration Panel > Display > Pictures and color > Pics management > Advanced

Find 'Background picture (page)' paste the image you want for your background and save.

Alternatively you can use a CSS code to apply a background image as well.

This is a fixed semi-transparent background image which repeats horizontally; the background color influences the lightness of the gradient.

Code:

body {
background-image:url('http://i71.servimg.com/u/f71/18/21/60/73/bg11.png');
background-attachment:fixed;
background-repeat:repeat-x;
background-color:#FFFFFF;
}

SethC1995 wrote:Hello middo2,

You can apply a background image to your forum by navigating to..
Administration Panel > Display > Pictures and color > Pics management > Advanced

Find 'Background picture (page)' paste the image you want for your background and save.

Alternatively you can use a CSS code to apply a background image as well.

This is a fixed semi-transparent background image which repeats horizontally; the background color influences the lightness of the gradient.

Code:

body {
background-image:url('http://i71.servimg.com/u/f71/18/21/60/73/bg11.png');
background-attachment:fixed;
background-repeat:repeat-x;
background-color:#FFFFFF;
}

Hi Seth,

I tried the code, and it changed the background, however, it removed the blue lines that were on the side. It also removed the white that was going through the middle of the page. 

If you take a look, you'll understand what I mean: http://newhorizons.englishboard.net/forum

Also the forum feels sluggish when scrolling down now.

EDIT: I tried the first method too (changing via Pics management), but it replaced the middle white, while leaving the blue in tact.

I believe those blue lines on the side of your forum were applied by a background image you recently had, use the code I've supplied below to have those lines without an image.

Code:

#wrap{
border-right:5px solid #7799BF;
border-left:5px solid #7799BF;
background-color:#fff;
}

As for the color of the background you can change it in..
Administration Panel > Display > Pictures and colors > Colors

It will be under 'Background Color' and change it to a color you want. The code I supplied for the background is to give an example, you can modify it to your liking if you wish.

SethC1995 wrote:I believe those blue lines on the side of your forum were applied by a background image you recently had, use the code I've supplied below to have those lines without an image.

Code:

#wrap{
border-right:5px solid #7799BF;
border-left:5px solid #7799BF;
background-color:#fff;
}

As for the color of the background you can change it in..
Administration Panel > Display > Pictures and colors > Colors

It will be under 'Background Color' and change it to a color you want. The code I supplied for the background is to give an example, you can modify it to your liking if you wish.

And once again Seth saves the day. You're quickly becoming my favorite person here

Thanks again!

You're welcome, I'm happy to help you.

Also if you want to change the way the background image repeats on your bored you can set it to..

Code:

background-repeat:repeat;

This will allow the image to repeat both vertically and horizontally to fill up any gaps. There's more on the property here: http://www.w3schools.com/cssref/pr_background-repeat.asp

Just scroll down to 'property values' so you know what does what. Good luck!