Lefora Free Forum
Loading
9249 views

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

Page 1
(items) 1–20 of 20
Fanatic - founder
3758 posts

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 at support.lefora.com or interviewing forum admins on blog.lefora.com
Rookie - member
17 posts

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'
Superstar - admin
439 posts
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
Rookie - member
1 posts

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?
Fanatic - founder
3758 posts

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 at support.lefora.com or interviewing forum admins on blog.lefora.com
guest poster


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?

Superstar - admin
439 posts

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
guest poster

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

Rookie - member
4 posts

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
Fanatic - founder
3758 posts

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 at support.lefora.com or interviewing forum admins on blog.lefora.com
Rookie - member
3 posts


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...
Fanatic - founder
3758 posts

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

#page {background-position:center; }

__________________
find me answering questions at support.lefora.com or interviewing forum admins on blog.lefora.com
Rookie - member
7 posts

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?

Fanatic - moderator
1396 posts

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.

__________________
hackyour.lefora.com/ for customizing your forum.
Novice - member
42 posts

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

__________________
WWE Universe Community Leader
Fanatic - moderator
1396 posts

Yes - there's more info here : http://support.lefora.com/2009/06/10/can-i-get-a-picture-in-background-you-can-guide-me/13672020/

__________________
hackyour.lefora.com/ for customizing your forum.
Rookie - member
2 posts

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?
Fanatic - moderator
1396 posts

try adding this :

#main {
overflow:hidden;
}

__________________
hackyour.lefora.com/ for customizing your forum.
Rookie - member
2 posts

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?
Fanatic - moderator
1396 posts

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

__________________
hackyour.lefora.com/ for customizing your forum.
Page 1
(items) 1–20 of 20

Locked Topic


You must be a member to post in this forum