Add a Background to your MyBB Theme

[Dusteh]

Howdy all!

Im curious and I wish to apply a background to my MyBB theme,
my forum: http://postspawn.3ftp.org

We use the same theme with this website.
http://profitplayers.net/

A background that is fixed and it doesnt repeat itself.

[Nishimi]

Edit global.css for your theme and edit the body{}.

add:

background: url("your url here");
background-repeat: no-repeat;
background-attachment: fixed;

[z28]

Hello
Go to your body template add just ad extra css with your image file path. Change the css parameters to your liking.

This might help.

{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

[akito tenkawa]

Also go to theme>>global css>>selector>>#container
copy paste into background.


background: #000000 url(images/default/picture.png) repeat-x;

(images/default/picture.png) = path to your image.

#000000 = color behind image.

repeat-x or no-repeat = guess u know what it means.

Background images are usually very big so make sure it isn't to small to appear

[Dusteh]

Also go to theme>>global css>>selector>>#container
copy paste into background.


background: #000000 url(images/default/picture.png) repeat-x;

(images/default/picture.png) = path to your image.

#000000 = color behind image.

repeat-x or no-repeat = guess u know what it means.

Background images are usually very big so make sure it isn't to small to appear

This one works, but its the container that's affected too, I just want the background.

[mastergun]

This user has been denied support.

Go to: ACP > Themes > Your theme > Edit > global.css > edit in advanced mode > and find;

#container {
    background: #FFFFFF;
    width: 95%;
    color: #000000;
    border: 1px solid #e4e4e4;
    margin: auto auto;
    padding: 20px;
    text-align: left;
}

and change background: attribute something like this;

background: #FFFFFF url(http://i36.servimg.com/u/f36/15/36/47/26/fmbg13.jpg);

Change #FFFFFF to whatever your "container" color is.

[Dusteh]

Go to: ACP > Themes > Your theme > Edit > global.css > edit in advanced mode > and find;

#container {
    background: #FFFFFF;
    width: 95%;
    color: #000000;
    border: 1px solid #e4e4e4;
    margin: auto auto;
    padding: 20px;
    text-align: left;
}

and change background: attribute something like this;

background: #FFFFFF url(http://i36.servimg.com/u/f36/15/36/47/26/fmbg13.jpg);

Change #FFFFFF to whatever your "container" color is.

I tried what you said but its the container's background that changes
not the background of the forum.

Here's what it says on the code

#container {

-khtml-box-shadow:3px 0 3px #111, -3px 0 3px #111;
-moz-box-shadow:3px 0 3px #111, -3px 0 3px #111;
-ms-box-shadow:3px 0 3px #111, -3px 0 3px #111;
-o-box-shadow:3px 0 3px #111, -3px 0 3px #111;
-webkit-box-shadow:3px 0 3px #111, -3px 0 3px #111;
background: #FFFFFF url(http://postspawn.3ftp.org/images/background.png);
border:1px solid #333;
box-shadow:3px 0 3px #111, -3px 0 3px #111;
color:#ddd;
margin:auto;
padding:10px;
text-align:left;
width:75%
}

[Crayo]

Change:

body {

[Dusteh]

Change:

body {

Thanks, now the image repeats itself, whats the proper code to making it fixed?

[MyBB King]

This user has been denied support.

what is the exact answer