Ho Ho Ho
I have just realised that DX Transforms can be applied to skins and containers.
 
Putting a line such as this into the css - in this case a container;
 
.containermaster_Orange {
 width: 100%;
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B5FF95', EndColorStr='#ECC1E9');
 border-right: #fee5bf 2px solid;
 border-top: #fee5bf 0px solid;
 border-left: #fee5bf 2px solid;
 border-bottom: #fee5bf 2px solid;
 }
 
Will give you a graduated background with no pesky images.
The Gradient Type can be set to 0 - vertical or 1 horizontal.
 
I believe that like many of these effects this will only work in IE (but my logs still say thats over 85%)
All about it on MSDN
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/basicimage.asp

The "ShowMe" buton on this Ms page also provides examples of using an alpha channel to futher modify.

Never seen this subject come up here so thought it worth a quick post.

---

Mutate and Survive

Hi Tim

I quite agree, not for most public sites or use but I had needed to provide a graduated BG for an intranet.
The problem with a gif (and why I tried it) is that it does not resize with the page and keep the same start and end colours without complex tables and even then . .

I have seen skins on other DNN sites using this "technique" so I guess this thread has informative value for others.

Thanks for putting the other side of it.

---

Mutate and Survive

Hi Timo
 (sorry about the Tim)
 
 If I wanted a graduated background for a fixed size table, cell or page its easy - a thin gif of the required size and repeated in the chosen direction.
 For example: a 200px table would have a 200 px image to fit it and the colour graduation would take place between the start and end colours in the image. The middle 100px would typically be taken up by the transition.
 
 If this same gif is used on a 100px table you see from px1 to px100 and lose the finish colour.
 The DX method scales and renders the whole colour range.
 Hope this makes sense.
 
 The reason I thought it was worth posting was this is simple, looks good and fails quietly in other browsers.
 IMHO it has more uses than the "similar" coloured drawbars that plagued the web for a while - with about the same significance.
 I suppose the other point may be that some people might do a repeating gif as an embedded style and may have more difficulty doing this in css.
 
 In any case it has provided a nice creative distraction to at least half of the work I had planned for today.
 Hooray !

---

Mutate and Survive