vb.org Archive - Gradient Background on This Site

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

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

- - Gradient Background on This Site (https://vborg.vbsupport.ru/showthread.php?t=160375)

timothydog76

10-16-2007 02:29 PM

Gradient Background on This Site

I want to make a background gradient going up the left and right sides of my forum just like this forum. I have no problems making gradients but I don't know where to add them in the style section. Any hints?

Thanks,
Tim

jimbo21

12-01-2007 02:45 PM

I would like to know this as well. I really like the shadowed look on both sides of the forum.

ChU v2

12-01-2007 05:48 PM

Sytles & Templates > Main CSS > Body

Standard CSS > Background

Add this:

Code:

url(URL OF IMAGE) repeat

vB.org image is this:
https://vborg.vbsupport.ru/images/cs...e/bodybkgd.jpg

But there is tons of way of doing it. (Image wise.)

SBlueman

12-01-2007 06:10 PM

I do this on my site:

AdminCP > Styles & Template > Style Manager > All Style Options (Choose Which Style)

Then I scroll to the Body section and have this entered in the background field:

Quote:

#888F97 url(http://gridironfans.com/portal/bg.gif) repeat-x;

jimbo21

12-02-2007 08:47 AM

Thanks guys. :)

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

Quote:

Originally Posted by ChU v2 (Post 1393057)

Sytles & Templates > Main CSS > Body

Standard CSS > Background

Add this:

Code:

url(URL OF IMAGE) repeat

vB.org image is this:
https://vborg.vbsupport.ru/images/cs...e/bodybkgd.jpg

But there is tons of way of doing it. (Image wise.)

I actually haven't been able to get this to work the way it works on this site.

I know how to repeat an image but the problem I'm having is that the whole background image is showing up and not just the part necessary to fill the window so everything gets shifted to the right.

Is there some other CSS code I can put in to fix this?

ChU v2

12-02-2007 04:30 PM

Quote:

Originally Posted by jimbo21 (Post 1393412)

Thanks guys. :)

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

I actually haven't been able to get this to work the way it works on this site.

I know how to repeat an image but the problem I'm having is that the whole background image is showing up and not just the part necessary to fill the window so everything gets shifted to the right.

Is there some other CSS code I can put in to fix this?

Not quite sure what you mean... Screenshot?

They way I do it is take an image 100x100 and just have it repeat.

actone

12-02-2007 07:04 PM

Vertical repeat:

Code:

body {

    background: #fff url('images/vertical.gif') repeat-y;

}

Example: http://www.actoneart.com/repeats/vertical.html

Horizontal Repeat:

Code:

body {

    background: #ffa200 url('images/horizontal.gif') repeat-x;

}

Example: http://www.actoneart.com/repeats/horizontal.html

hope this helps

All times are GMT. The time now is 11:27 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01089 seconds Memory Usage 1,726KB 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 (4)bbcode_code_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (7)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: