vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)
-   -   How to set site background image? (https://vborg.vbsupport.ru/showthread.php?t=231509)

Bouncer222 12-28-2009 10:48 PM
How to set site background image?
 
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 12-28-2009 11:05 PM
In stylvars search background and then it is there where you direct it to see the image.

mandingo 12-28-2009 11:26 PM
stylevars >
doc_background >

Background Image >
url(images/yourimage.gif)

Background repeat>
repeat-x

Bouncer222 12-29-2009 12:25 AM
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 12-29-2009 12:29 AM
try putting it in

body_background

maybe thats what you're going for.

Charlie98902 12-29-2009 12:30 AM
In "vbulletin.css", add:

Code:
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 12-29-2009 12:33 AM
Quote:
Originally Posted by mandingo (Post 1941038)
try putting it in

body_background

maybe thats what you're going for.
Thank you, now it works!

--------------- Added [DATE]1262054113[/DATE] at [TIME]1262054113[/TIME] ---------------

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 12-29-2009 12:39 AM
Quote:
Originally Posted by Bouncer222 (Post 1941042)
Thank you, now it works!

--------------- Added [DATE]1262054113[/DATE] at [TIME]1262054113[/TIME] ---------------

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 12-29-2009 12:42 AM
Quote:
Originally Posted by Charlie98902 (Post 1941039)
In "vbulletin.css", add:

Code:
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 12-29-2009 12:45 AM
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 12-29-2009 12:48 AM
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 12-29-2009 12:54 AM
Quote:
Originally Posted by Bouncer222 (Post 1941059)
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 12-29-2009 01:14 AM
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 12-29-2009 01:23 AM
Quote:
Originally Posted by Bouncer222 (Post 1941082)
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 12-29-2009 01:24 AM
Quote:
Originally Posted by Bouncer222 (Post 1941082)
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 12-29-2009 01:26 AM
Quote:
Originally Posted by BSMedia (Post 1941092)
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 12-29-2009 01:52 AM
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 12-29-2009 02:38 AM
PLay with
doc_margin
in StyleVars



or:

vbulletin.css

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

Code:
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.


All times are GMT. The time now is 01:55 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01169 seconds
  • Memory Usage 1,758KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_code_printable
  • (7)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (18)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete