Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How do they do it?

    I'm no expert, so please bear that in mind when offering any assistance and your assistance given is appreciated!

    Onto my question..

    How do sites like this:
    http://www.gamereplays.org and http://www.vbulletin.org setup their backgrounds so that they enclose the middle content area?

    For an example, right click the background and view it. It has a left side and a right side.

    I am wanting to do something similar to my vbulletin site located at http://www.cowboys-forum.com

    But with the present themeing I don't know what I'd need to do to accomplish that.

    Thank you for your help.

  • #2
    New Coder
    Join Date
    Dec 2009
    Posts
    27
    Thanks
    0
    Thanked 2 Times in 2 Posts
    It is using css

    create a image which you want as background, then apply the css

    body { background:url(mybackground.jpg) center top no-repeat }

    you may have to add this in your STYLESHEET(CSS) FILE,

    the image can be single large image, or a small image to repeat itself

  • #3
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I appreciate the effort but that's not really telling me anything. I'm lost on how I should go about doing it.

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by blackhatz83 View Post
    I appreciate the effort but that's not really telling me anything. I'm lost on how I should go about doing it.

    There is a lot of help here.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #5
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,630
    Thanks
    6
    Thanked 1,002 Times in 975 Posts
    Quote Originally Posted by blackhatz83 View Post
    I appreciate the effort but that's not really telling me anything. I'm lost on how I should go about doing it.
    I’m not so familiar with vBulletin but somehow you can edit the stylesheet, most likely from the admin panel. There you should look for the CSS rule that assigns the background image to the body element and change it from background-image: url([whatever]); to background: url([whatever]) center center;


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •