How to set site background image?

[Bouncer222]

The site here: http://www.bigonline.org/content.php Uses a background image that repeats in the X axis which is this image: http://www.bigonline.org/images/bigskillz/body_bg.gif

How do I do the same thing? Please provide specific instructions, thank you!

[Charlie98902]

In stylvars search background and then it is there where you direct it to see the image.

[mandingo]

stylevars >
doc_background >

Background Image >
url(images/yourimage.gif)

Background repeat>
repeat-x

[Bouncer222]

Hmm doesnt show up.

url(images/misc/body_bg.gif)

my site is at www.brotherhoodofgamers.com It's supposed to appear on the top but it isnt, any help?

[mandingo]

try putting it in

body_background

maybe thats what you're going for.

[Charlie98902]

In "vbulletin.css", add:

html {
background-image: url(http://www.insertcredit.com/news/042008/phantasy.png);
}

Change url to your link for image ^^

This is what I did.

[Bouncer222]

try putting it in

body_background

maybe thats what you're going for.

Thank you, now it works!

--------------- Added 1262054113 at 1262054113 ---------------

Now If only I can figure out what the end color of the image is so that I can set the background image to make them both blend in...hmm

[mandingo]

Thank you, now it works!

--------------- Added 1262054113 at 1262054113 ---------------

Now If only I can figure out what the end color of the image is so that I can set the background image to make them both blend in...hmm

The color is:
#181A1A
:)

[BSMedia]

In "vbulletin.css", add:

html {
background-image: url(http://www.insertcredit.com/news/042008/phantasy.png);
}

Change url to your link for image ^^

This is what I did.

You didn't have to make a manual change.

There is a background property for the entire HTML document you should use.

[Bouncer222]

One question, how do I make the image appear like it appears here in the background..
http://www.bigonline.org/content.php

As you can see, theirs goes all the way from the top of the page, and mine doesn't
www.brotherhoodofgamers.com

[BSMedia]

You aren't setting the right CSS class.

use the doc_background instead of whatever you've used.

Also while it's none of my business where you get your images from (nor do I care) you should know simply stealing someone elses design/images is usually frowned upon.

[mandingo]

One question, how do I make the image appear like it appears here in the background..
http://www.bigonline.org/content.php

As you can see, theirs goes all the way from the top of the page, and mine doesn't
www.brotherhoodofgamers.com
Their style leaves a margin for it,and yours is super wide so you can't really see what the actual document background image is until under the navbar. You could set the same image as your header background image as well:
header_background

p.s. the blend to black looks good.

[Bouncer222]

Well that theme is publicly available BSMedia I believe, so simply configuring mine isn't really stealing if that theme has no copyright on it or am I wrong?

Well as you can see mandingo, it's starting at the bottom not at the top actually, it starts under the header, and how would i make the margins like theirs and it appear from top?

[mandingo]

Well that theme is publicly available BSMedia I believe, so simply configuring mine isn't really stealing if that theme has no copyright on it or am I wrong?

Well as you can see mandingo, it's starting at the bottom not at the top actually, it starts under the header, and how would i make the margins like theirs and it appear from top?
Mess around with
doc_width
I guess

and set the image as your
doc_background

[BSMedia]

Well that theme is publicly available BSMedia I believe, so simply configuring mine isn't really stealing if that theme has no copyright on it or am I wrong?

Well as you can see mandingo, it's starting at the bottom not at the top actually, it starts under the header, and how would i make the margins like theirs and it appear from top?

Under the stylevars -> Common -> Document Width

Set it to something like 90%

Set your Background for Entire HTML Document like

Background-color: black
Background Image: url(path/to/image)
Background Repeat: Repeat-x
Background Position: Top

[mandingo]

Under the stylevars -> Common -> Document Width

Set it to something like 90%

Set your Background for Entire HTML Document like

Background-color: black
Background Image: url(path/to/image)
Background Repeat: Repeat-x
Background Position: Top

*high fives*

[Bouncer222]

K looks like I'm getting there, www.brotherhoodofgamers.com it's been shrinked from the right side, now how do I do it for the left side?

[mandingo]

PLay with
doc_margin
in StyleVars



or:

vbulletin.css

add:
margin-left: 10%;
margin-right: 10%;
to Body (at the beginning)

body {
width:{vb:stylevar doc_width};
min-width:{vb:stylevar doc_minWidth};
max-width:{vb:stylevar doc_maxWidth};
margin: {vb:stylevar doc_margin};
font-size:{vb:stylevar font.fontSize}px;
color:{vb:stylevar body_color};
line-height:{vb:stylevar line_height};
margin-left: 5%;
margin-right: 5%;

}

tinker with it some.