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>
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
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>
~ ~ ~ ~ ~ ~ ~
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>