The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic Go down

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

Post by middo2 on October 5th 2013, 3:26 am

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.

middo2
Forumember

Posts : 503
Reputation : 5
Language : English

http://newhorizons.englishboard.net

Back to top Go down

Solved Re: How to change a plain background to one thats in a URL?

Post by Ange Tuteur on October 5th 2013, 3:35 am

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;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to change a plain background to one thats in a URL?

Post by middo2 on October 5th 2013, 3:40 am

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.

middo2
Forumember

Posts : 503
Reputation : 5
Language : English

http://newhorizons.englishboard.net

Back to top Go down

Solved Re: How to change a plain background to one thats in a URL?

Post by Ange Tuteur on October 5th 2013, 4:08 am

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.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to change a plain background to one thats in a URL?

Post by middo2 on October 5th 2013, 4:21 am

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 Smile

Thanks again!

middo2
Forumember

Posts : 503
Reputation : 5
Language : English

http://newhorizons.englishboard.net

Back to top Go down

Solved Re: How to change a plain background to one thats in a URL?

Post by Ange Tuteur on October 5th 2013, 4:25 am

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! thumright

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to change a plain background to one thats in a URL?

Post by SLGray on October 5th 2013, 5:04 am

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum