vb.org Archive - Background scales to any screen resolution

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)

- - Background scales to any screen resolution (https://vborg.vbsupport.ru/showthread.php?t=207587)

Background scales to any screen resolution

as above, i'm trying to set my background same as vb.org. However, it only works for certain desktop resolutions. When i view my site from 1600x900 pixels, the background offset, but vb.org just presents perfectly. I'm wondering what to do and how to do it.. I hope somebody could help me:)

My offset background

Vb.org perfect background(doesn't affect by screen resolution)

the Extra CSS Attributes using is

Code:

Extra CSS Attributes

margin: 0px 10px 10px 10px; padding: 0px; background-position:center; background: black url(http://www.mydomain.com/misc/sitebackground.png) repeat-y top left

Main Table Width (pixels or percentage) is 1011

thank you very much:)

Use 3 div's side by side or 3 column table.

.

Quote:

Originally Posted by Seven Skins (Post 1762738)

Use 3 div's side by side or 3 column table.

.

could please explain in more detailed way?
and where should i put the code in?
I dont know how to use 3 div since it is a jpg :(

e.g.

Add the code to the top of header code

HTML Code:

<table align="center" cellpadding="0" cellspacing="0" border="0">

  <tr>

    <td><img src="left_back.gif" alt="" /></td>

    <td>

Add this to the bottom of footer code above javascript.

HTML Code:

    </td>

    <td><img src="right_back.gif" alt="" /></td>

  </tr>

</table>

Edit image code and background color of table accordingly.

.

it seems to break the background image into 3 parts, but what i wanted to do is using 1 jpa like what vb.org does

https://vborg.vbsupport.ru/images/cs...ybkgd950px.jpg

https://vborg.vbsupport.ru/external/2011/05/44.jpg

I think this is what you are looking for:

The background image is not resizing, it just looks that way due to the gradient, the forum is fixed width and the white within the centre of the background image matches the fixed width of the forum.

First off, set your forums width:

In the main css find this:
Main Table Width (pixels or percentage)
(This is the width of the table that contains all your vBulletin content)

In the data entry field add 800 (or 960 or what ever width you want, do not put 800px, just 800)

Create your background image and it bg.jpg (for this examples purpose), upload your background image to your skins misc folder

in the main css of your skin find:

Body (Customized in this Style)

Inline find:
Standard CSS Attributes
Background

In the data entry field overwrite existing content with this (change the #221F18 to what ever the colour is of the very last pixels left and right of your background image)

Code:

#221F18 url(images/skins/yourskinsnamehere/misc/bg.jpg) repeat-y fixed center top

Extra CSS Attributes

Code:

margin: 0px 10px 10px 10px;

padding: 0px; 

background: black url(http://www.mydomain.com/misc/sitebackground.png) repeat-y top center;

Try this.

Thanks Phantasmagoric and Seven Skins, it is working fine now :)

X vBulletin 3.8.12 by vBS Debug 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 (2)bbcode_html_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (9)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
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01027 seconds Memory Usage 1,733KB 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 (2)bbcode_html_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (9)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
Messages: