Background Wallpaper

[oldrow]

How do I make an image like a background wallpaper?

[Hj Ahmad Rasyid Hj Ismail]

Use photoshop or gmip and create your own backdrop.png.

[kat]

Do you mean to use with a theme?

Depends on which version of SMF you're using.

With v1.x, you can do something like this:

Code Select Expand

/* The main body of the entire forum. */
body
{
background-image: url(http://tlakoc.org.uk/DefaultBackground.jpg);
background-color: #E5E5E8;
margin: 0px;
padding: 12px 30px 4px 30px;
}

in the theme's style.css file.

I'm guessing that it's similar with SMF v2. But,you'd need to edit index.css, in the theme's "css" directory.

On my SMF v2 theme, I did this:

Code Select Expand

/* Set a fontsize that will look the same in all browsers. */
body
{
background:  url(../images/theme/background.jpg) repeat-x top center fixed;
font: 95%/90% "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0px 0 4px 0;
background-color: #000000;
}


The site's not open for guest viewing, but I think you can see this, to see what it does:

http://playing.twaddlehosting.co.uk/index.php?theme=14

[oldrow]

I use 2.0 gold
smf.oldrow.net

[kat]

That second one should do it, then.

Code Select Expand

/* Set a fontsize that will look the same in all browsers. */
body
{
background:  url(../images/theme/background.jpg) repeat-x top center fixed;
font: 95%/90% "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0px 0 4px 0;
background-color: #000000;
}

This is with index.css, in the theme's "css" directory.

With that, it depends on the image being in the theme's images>theme directory and that the image is called "background.jpg. You can change those, to suit, obviously.

Basically, find the section headed /* Set a fontsize that will look the same in all browsers. */ and add the line background:  url(../images/theme/background.jpg) repeat-x top center fixed;  and you should be OK.

Obviously, it'll pay you to take note of my sig, before doing this kinda stuff.

[Hj Ahmad Rasyid Hj Ismail]

Use photoshop or gmip and create your own backdrop.png.

SMF 2.0 uses backdrop.png as its background. You can create a new file using that name and just replace the current image in the image/theme folder.