vb.org Archive - How to stop background gradients repeating?

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

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

- - How to stop background gradients repeating? (https://vborg.vbsupport.ru/showthread.php?t=152122)

How to stop background gradients repeating?

I've done searches for solutions and all of them haven't worked.

So far, (from the solutions I found from searches) to get this gradient to work, I have tried putting these into the CSS background section in style manager;

#1b4985 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) top left repeat-x
#1b4985 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) repeat-x
#1b4985 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) repeat
url(http://img182.imageshack.us/img182/9868/bgku4.jpg) top left repeat-x

However, the gradient still repeats itself hall way down the page as shown here.

Any help would be greatly appreciated.

repeat-x means repeat on the X axis.

no-repeat

Thanks for trying to help but forgot to mention no-repeat doesn't work either. That just makes the gradient show up on the very left hand side once.

Quote:

Originally Posted by Bacon Butty (Post 1289872)

Thanks for trying to help but forgot to mention no-repeat doesn't work either. That just makes the gradient show up on the very left hand side once.

Then repeat-x should work for what you want. Are you sure that the images is actually repeating vertically, and it's not just the background colour?

Try:

Code:

repeat-x top left

repeat-x left top

repeat-x

You have the wrong background color. You have a color that matches the top of the gradient, not the bottom.

TRY:

Code:

#F1F6F9 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) top left repeat-x

Code:

body

{

        background: #898a8f;

        color: #C1C1C7;

        font: 10pt Tahoma, Verdana, Arial;

        margin: 0px 0px 0px 0px;

        padding: 0px;

        background-image: url(images/fa/background.jpg);

        background-repeat: repeat-x;

}

works fine for me using http://www.furious-angels.com/images/fa/background.jpg as my background

Quote:

Originally Posted by hinch (Post 1296346)

Code:

body

{

        background: #898a8f;

        color: #C1C1C7;

        font: 10pt Tahoma, Verdana, Arial;

        margin: 0px 0px 0px 0px;

        padding: 0px;

        background-image: url(images/fa/background.jpg);

        background-repeat: repeat-x;

}

works fine for me using http://www.furious-angels.com/images/fa/background.jpg as my background

That's odd. There's no background at that site. :)

Anyway, the code I posted a week ago should have resolved his problem. He just had the wrong background-color.

So, there was really no point in bumping this thread, eh?

Quote:

Originally Posted by no mods (Post 1296373)

#1b4985 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) fixed

Try that.

Seriously. I posted the proper code a week ago. He has the wrong BACKGROUND COLOR.

The gradient is not repeating vertically.

Let me repost the proper code for his site:

Code:

#F1F6F9 url(http://img182.imageshack.us/img182/9868/bgku4.jpg) top left repeat-x

No more improper suggestions, please. I'm guessing he already resolved his issue since he hasn't posted here in a week.

should perhaps of stated thats the css from the new skin i'm working on not the current one :)

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 (5)bbcode_code_printable (3)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.02619 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 (5)bbcode_code_printable (3)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: