Edit global.css for your theme and edit the body{}.
add:
background: url("your url here");
background-repeat: no-repeat;
background-attachment: fixed;
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;
}
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
(2012-09-03, 01:25 PM)akito tenkawa Wrote: [ -> ]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.
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.
(2012-09-04, 03:50 PM)mastergun Wrote: [ -> ]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%
}
(2012-09-05, 11:26 AM)Anxiety Wrote: [ -> ]Change:
body {
Thanks, now the image repeats itself, whats the proper code to making it fixed?