The Arcive of vBulletin Modifications Site.

Bacon Butty · #1 07-13-2007, 08:39 AM

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

So far, (from the solutions I found from searches) to get

gradient to work, I have tried putting these into the CSS background section in style manager;

#1b4985 url(

) top left repeat-x
#1b4985 url(

) repeat-x
#1b4985 url(

) repeat
url(

) top left repeat-x

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

.

Any help would be greatly appreciated.

cyberphr · #2 07-13-2007, 09:04 AM

repeat-x means repeat on the X axis.

no-repeat

Bacon Butty · #3 07-13-2007, 09:33 AM

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.

cyberphr · #4 07-13-2007, 10:16 AM

Quote:

Originally Posted by Bacon Butty

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

TheMilkCarton · #5 07-13-2007, 02:11 PM

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

hinch · #6 07-20-2007, 07:21 AM

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

as my background

no mods · #7 07-20-2007, 08:22 AM

#1b4985 url(

) fixed

Try that.

TheMilkCarton · #8 07-20-2007, 08:24 AM

Quote:

Originally Posted by hinch

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

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

#1b4985 url(

) 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.

hinch · #9 07-20-2007, 11:29 AM

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