Log in

View Full Version : How to strech gradient?


ApplePro
03-31-2006, 09:13 AM
I've added gradient image made in PS as First Alternating Color and Second Alternating Color. How to make strech this image?

Now I use just "url(images/g3.jpg)". But it seems I need to use something like "url(images/g3.jpg) command-for-strech"?

PS: Where I can find complete vB customization tutorial?

Freesteyelz
03-31-2006, 10:27 PM
url(/images/g3.jpg) repeat-x top left;

or

url(/images/g3.jpg) repeat-y top left;

or

url(/images/g3.jpg) repeat top left;

or

url(/images/g3.jpg) no-repeat top left;


The "x" is to repeat horizontally; the "y" is to repeat vertically; "repeat" is for both; "no-repeat" speaks for itself. :)

ApplePro
04-02-2006, 11:16 AM
url(/images/g3.jpg) repeat-x top left;

or

url(/images/g3.jpg) repeat-y top left;

or

url(/images/g3.jpg) repeat top left;

or

url(/images/g3.jpg) no-repeat top left;


The "x" is to repeat horizontally; the "y" is to repeat vertically; "repeat" is for both; "no-repeat" speaks for itself. :)
Thanks. Tried all of this.

But I need gradient strech vertically.

Example. I've made this gradient as First Alternative Color:
http://img80.imageshack.us/img80/1679/a15bj.jpg

I want to get something like this in big areas:
http://img80.imageshack.us/img80/6176/a25ob.jpg

mousi
05-04-2006, 03:31 PM
I am trying to figure this out too... I made an orange style and i use repeat-x top left for the horizontal repeat. But I don't know how to stretch the gradient image vertically

Freesteyelz
05-05-2006, 01:33 AM
O...To stretch it. I've completely misread the request. I apologize for that.

Rather than using any of the "repeat" values try "stretch" or "expand".