1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Help using my own photo for main page background

Discussion in 'Web Design' started by ErgoProxE, Mar 2, 2012.

  1. ErgoProxE

    ErgoProxE Registered Member

    Joined:
    Feb 14, 2012
    Messages:
    84
    Likes Received:
    11
    Location:
    Massachusetts, United States
    Home Page:
    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.
     
  2. Amsterdammer

    Amsterdammer Power Member

    Joined:
    Aug 9, 2011
    Messages:
    515
    Likes Received:
    563
    • Thanks Thanks x 1
    Last edited: Mar 2, 2012
  3. ErgoProxE

    ErgoProxE Registered Member

    Joined:
    Feb 14, 2012
    Messages:
    84
    Likes Received:
    11
    Location:
    Massachusetts, United States
    Home Page:
    Wtf, lol. That probably took you about 5 seconds to find out. :facepalm

    Thank you very much. It looks right Ill try it out.
     
  4. ErgoProxE

    ErgoProxE Registered Member

    Joined:
    Feb 14, 2012
    Messages:
    84
    Likes Received:
    11
    Location:
    Massachusetts, United States
    Home Page:
    Hm so when I set it, the image that is, it should automatically set to the images folder, correct? Im not sure if I asked that correctly. That second link you set will work perfectly.
     
  5. Amsterdammer

    Amsterdammer Power Member

    Joined:
    Aug 9, 2011
    Messages:
    515
    Likes Received:
    563
    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. :p
     
    • Thanks Thanks x 1
  6. GreyWolf

    GreyWolf Executive VIP Jr. VIP

    Joined:
    Aug 17, 2009
    Messages:
    1,930
    Likes Received:
    5,389
    Gender:
    Male
    Occupation:
    Artist / Craftsman
    Location:
    sitting at my PC
    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.
     
    Last edited: Mar 2, 2012