Hi guys, looked around had no luck. Can someone please fill me in on how to go about using a photo for the background of a webpage? I've got 2 sites I'd like to add my own to. One of the sites uses VBulletin, so I'm not sure thats possible. The other I have full control over. Any tips would be greatly appreciated. Its the main page of my sites that are just dull and I'd like to make 'em look all pretty.
Help using my own photo for main page background
- Thread starter ErgoProxE
- Start date
Amsterdammer
Power Member
- Aug 9, 2011
- 516
- 566
I think the magic word here is CSS but I could be wrong of course.
Would this help you out?
http://w3schools.com/css/tryit.asp?filename=trycss_background-image
Edit: Perhaps this link explains it a little better.
http://w3schools.com/css/css_background.asp
Would this help you out?
http://w3schools.com/css/tryit.asp?filename=trycss_background-image
Edit: Perhaps this link explains it a little better.
http://w3schools.com/css/css_background.asp
Last edited:
Amsterdammer
Power Member
- Aug 9, 2011
- 516
- 566
I knew where to look, now you do too.
About the image folder: There is no default image folder. You created it and now need to tell CSS where to go. If not, it will look in the current folder.
/images/picture.jpg might work, I am too lazy to check right now. CSS is need to know basis for me.
About the image folder: There is no default image folder. You created it and now need to tell CSS where to go. If not, it will look in the current folder.
/images/picture.jpg might work, I am too lazy to check right now. CSS is need to know basis for me.
GreyWolf
Elite Member
- Aug 17, 2009
- 1,862
- 5,847
For vbulletin you just need to edit your styles to add a background.
For an html webste you need to either set the image with the background attribute in the body tag (ie. body background="bgimage.jpg"), or set a css style for it in the header. You can set a background for a container div instead of the body, either way will work. Depending on the background you want to use, you could also slice it up and distribute the pieces among the various divs for the header, sidebars, content, and footer areas. (The links Amsterdammer gave will explain how to do each of those html/css options.)
If you have a Wordpress site then it depends on the theme. Some themes allow you to select a background image from the control panel, for the ones that don't you'll need to edit the template files. If I remember right then you would edit the header.php file to add or change the body background.
And as for your other question. No it won't automatically know where your image folder is, (unless it's a preselected option in a theme). You will have to give the full or relative path to wherever the image file is that you want to use.
If you do a search on google you can find specific examples and instructions for each of the above options.
For an html webste you need to either set the image with the background attribute in the body tag (ie. body background="bgimage.jpg"), or set a css style for it in the header. You can set a background for a container div instead of the body, either way will work. Depending on the background you want to use, you could also slice it up and distribute the pieces among the various divs for the header, sidebars, content, and footer areas. (The links Amsterdammer gave will explain how to do each of those html/css options.)
If you have a Wordpress site then it depends on the theme. Some themes allow you to select a background image from the control panel, for the ones that don't you'll need to edit the template files. If I remember right then you would edit the header.php file to add or change the body background.
And as for your other question. No it won't automatically know where your image folder is, (unless it's a preselected option in a theme). You will have to give the full or relative path to wherever the image file is that you want to use.
If you do a search on google you can find specific examples and instructions for each of the above options.
Last edited: