Lefora Pro Forum
login join
Loading

How do I add a background image or change the background color of my forum?

9382 views Forum Index > Tips & Tricks
COMPOSE REPLY
20 Posts • Page 1 of 1 1

chief
founder - Fanatic

Posts:4657
Joined:26 March 2008
quote reply / 

How do I add a background image or change the background color of my forum?

#0, by chief, 25 August 2008 09:45 PM

First, read this thread:
http://support.lefora.com/2008/06/19/hacking-your-css/page1/

For a black background:
#page {background-color: #000000;}

For a white background:
#page {background-color: #FFFFFF;}

For any color in between, just get the HEX value from this site:
http://www.colorpicker.com/

For a background image, upload your image to a site like photoshack.com, then use:
#page {background-image: url(http://your-image-url-here.com/filename.jpg)}

Find me answering questions on support.lefora.com or howto.lefora.com

smiffy
member - Rookie

Posts:19
Joined:22 July 2008
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#1, by smiffy, 30 August 2008 11:58 AM

I'm a complete novice but would like the flag i have at top of forum as a background. Do i just type into the blank CSS box.........

#page {background-image: followed by IMG url off photobucket????

 

 

Oh,is it possible to PM admins????

Yeah yeah,i am 'Tartan Socks'

cookies
admin - Superstar

Posts:462
Joined:16 April 2008
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#2, by cookies, 30 August 2008 04:55 PM
Almost slight mistake in Cheifs original post, use the following:
#page {background-image: url(http://your-image-url-here.com/filename.jpg)}

The difference being the url is wrapped with 'url(     )'.

So, just type that in that blank css box and hit save at the bottom.
it's better than bad, it's good

wiz
member - Rookie

Posts:1
Joined:16 October 2008
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#3, by wiz, 16 October 2008 08:52 AM

Hi,Can you give size of the default image size for background?

Btw I am able to change the background successfully but the color of the body still overwrites the background pic that I set..

scared?

chief
founder - Fanatic

Posts:4657
Joined:26 March 2008
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#4, by chief, 17 October 2008 03:29 PM

there's no default size for the image background, that's up to you. you can set it to repeat or just be in the center with CSS.

Find me answering questions on support.lefora.com or howto.lefora.com

poster
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#5, by poster, 24 October 2008 01:53 AM


Btw I am able to change the background successfully but the color of the body still overwrites the background pic that I set..

-wiz

Is there a solution for this?


cookies
admin - Superstar

Posts:462
Joined:16 April 2008
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#6, by cookies, 24 October 2008 02:11 AM

xx-archer-xx, I'm not entirely sure what problem wiz is talking about, but seeing as you use classic perhaps this topic covers what you need:
http://support.lefora.com/2008/10/22/header-problem/page1/

That explains how to lower the menu bar so it doesn't go though the middle of the background image.

Hope that helps.

it's better than bad, it's good

poster
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#7, by poster, 24 October 2008 04:20 AM

I quoted him. He was talking about the color of the body overwriting his background pic


techris
member - Rookie

Posts:4
Joined:03 November 2008
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#8, by techris, 03 November 2008 02:18 AM

when i use: #page {background-color: #000000;} for any color code, it only changes the color along the top on either side of my header image and not the rest of the page, the rest of the page background stays brown.

Is there a way to set the whole page background to one color for all of the forum pages?

"When Jesus was president he ate babies all the time." -Granny

chief
founder - Fanatic

Posts:4657
Joined:26 March 2008
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#9, by chief, 03 November 2008 08:31 PM

in addition to #page {background-color: #000000;} you'll want to add #body {background-color: #000000;} which will change the lower half of your forum

Find me answering questions on support.lefora.com or howto.lefora.com

fatalyst
member - Rookie

Posts:3
Joined:06 November 2008
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#10, by fatalyst, 06 November 2008 07:24 AM


there's no default size for the image background, that's up to you. you can set it to repeat or just be in the center with CSS.

-chief

Hi there, I tried centering the background pic for my forum with the code: background-position:center 24px; but it doesn't seem to work. When I check the CSS in Firebug, that line is missing. But if I add in that line in firebug, then it works.

Can someone help me with this?

There are no boundaries or borders to the mind...

chief
founder - Fanatic

Posts:4657
Joined:26 March 2008
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#11, by chief, 06 November 2008 07:42 PM

It might be entered wrong? the line should look like this:

#page {background-position:center; }

Find me answering questions on support.lefora.com or howto.lefora.com

shy13aby83
member - Rookie

Posts:7
Joined:01 February 2009
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#12, by shy13aby83, 01 February 2009 08:08 PM

This doesn't work for me. I try to add the cost as indicated on my blank CSS page:
#page {background-image: 'url()'}
This is the only thing I have in there and the picture is not showing as the whole backgroud. Where did I go wrong?


coloneljack star
moderator - Fanatic

Posts:1659
Joined:06 September 2009
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#13, by coloneljack, 01 February 2009 08:15 PM

You have it in the header div. The size for that is 990px x 160px.
Your picture is far too large at 1600px × 1200px.
Why not join us at

and we'll see if we can help you out?
 
 
CJO.




3d3g3x
member - Novice

Posts:44
Joined:21 May 2008
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#14, by 3d3g3x, 13 June 2009 01:23 PM

Can i use a background image or color background while using the Juice theme?

WWE Universe Community Leader

coloneljack star
moderator - Fanatic

Posts:1659
Joined:06 September 2009
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#15, by coloneljack, 13 June 2009 02:41 PM



xfrosty
member - Rookie

Posts:2
Joined:30 June 2009
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#16, by xfrosty, 30 June 2009 07:02 AM

I tried both the body and page thing in CCS and it makes a T shape with the color. But the rest isnt colored. Help?

Rules!<3 Rule 80.No matter how cute it is, it probably skullfucked your mother last night. Rule 24.You will never have sex. Rule 69.LOL SIXTY NINE AMIRITE?

coloneljack star
moderator - Fanatic

Posts:1659
Joined:06 September 2009
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#17, by coloneljack, 30 June 2009 08:03 AM

try adding this :

#main {
overflow:hidden;
}




xfrosty
member - Rookie

Posts:2
Joined:30 June 2009
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#18, by xfrosty, 30 June 2009 08:29 AM

IT WORKED! 8D thank you :)

Rules!<3 Rule 80.No matter how cute it is, it probably skullfucked your mother last night. Rule 24.You will never have sex. Rule 69.LOL SIXTY NINE AMIRITE?

coloneljack star
moderator - Fanatic

Posts:1659
Joined:06 September 2009
quote reply / 

Re: How do I add a background image or change the background color of my forum?

#19, by coloneljack, 30 June 2009 08:52 AM

If you need anything else, pop over to hackyour.lefora.com ;)



COMPOSE REPLY
20 Posts • Page 1 of 1 1

Locked Topic


It's been a while since this topic was active, if you'd like to get it going again, please post as a registered member

Join Now!