...

View Full Version : Full Page Gradients



Darren_Clark
03-16-2008, 09:52 PM
Is there anyway to create a full page gradient which changes dependant on the size of the browser window? I have found some coding that creates a gradient which is the size of the stage, however once the browser window is bigger than the stage you get a border around the edge.

Clearly you could make the stage really large, but that would increase loading times and surely there's another way?

Here's the code I used for the entire stage gradient:

wSize = Stage.width;
hSize = Stage.height;
fillType = "linear";
colors = [0x333366, 0x606BD2];
alphas = [100, 100];
ratios = [0, 255];
matrix = {matrixType:"box", x:0, y:0, w:wSize, h:hSize, r:90/180*Math.PI};
_root.lineStyle(1, 0xFFFFFF, 0);
_root.beginGradientFill(fillType, colors, alphas, ratios, matrix);
_root.lineTo(wSize, 0);
_root.lineTo(wSize, hSize);
_root.lineTo(0, hSize);
_root.lineTo(0, 0);
_root.endFill();

Any help is appreciated!

gnomeontherun
03-16-2008, 11:20 PM
Increasing the stage size would not inherently increase loading time. The stage is created by flash on the load based on the parameters in the swf, unlike an image which has a rasterized size.

Why don't you resize the stage to the browser? http://www.tutorio.com/tutorial/liquid-flash-layout

Darren_Clark
03-17-2008, 09:14 AM
That's great.. I'll take a look thanks!

Darren_Clark
03-17-2008, 09:44 PM
Ok..

So i've come up with this so far. I'm not entirely sure if I'm coding this correctly (results seem to suggest I'm not!)

I want the "menu" to hug the top left hand corner of the browser, the "footer/heading" to sit at the bottom right.. Then once completed I will add a central area for the main content.

This is what I have so far:

http://www.darrenclarkdesign.com/NEW%20VERSION%20OF%20SITE/newversiontesting.html

Also, it doesn't seem that the page is resizing at all. It is just staying in a constant position?

Can anybody help?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum