Forums

This topic is locked

Background like www.macromedia.com

Posted 20 Mar 2005 03:34:47
1
has voted
20 Mar 2005 03:34:47 Frederico Rocha posted:
Hi,

Does anyone know how to put a background like the one in www,macromedia.com (with the radial color) in a dreamweaver site?

Sorry about the newbie question, but's that's what i am <img src=../images/fwzone/forum/icon_smile.gif border=0 align=middle>

thanks
cheers

Replies

Replied 20 Mar 2005 06:38:15
20 Mar 2005 06:38:15 Dave Thomas replied:
looks more like a linear gradient to me <img src=../images/dmxzone/forum/icon_smile_wink.gif border=0 align=middle>

anyways, all you do is create the graphic really high like 2000px high, colour it with a gradient, and then slice it or crop it to 1 or 2 px wide.

this means you have a real small file size, instead of loading thw whole gradient pic <img src=../images/dmxzone/forum/icon_smile_wink.gif border=0 align=middle>

then a dash of CSS either in your page, or in a stylesheet.

body {
background-image: (./gradient.jpg);
background repeat: repeat-x;
}

what that does is take your 2px wide gradient, and tile it horizontally across the screen.

regards

Dave Thomas
<b>DMX Zone Manager</b>
Replied 20 Mar 2005 14:20:48
20 Mar 2005 14:20:48 Frederico Rocha replied:
Thanks Dave,

Great explanation. It works fine and looks beautiful <img src=../images/fwzone/forum/icon_smile_wink.gif border=0 align=middle>

you rule
cheers
Replied 21 Mar 2005 09:33:40
21 Mar 2005 09:33:40 Chris Charlton replied:
Another tip: If you're trying to do a linear gradient that goes from one value to an opposite (dark to light), you can use CSS to keep the background image from scrolling.

~ ~ ~ ~ ~ ~ ~
Chris Charlton <i>- DMXzone Manager</i>
<font size=1>[ Studio MX/MX2004 | PHP/ASP | SQL | XHTML/CSS | XML | Actionscript | Web Accessibility | MX Extensibility ]</font id=size1>

Reply to this topic