How To Put Gradient Background On dreamweaver mx??

hello dpeers..really need some expert here..

I need to know how to create gradient background like msn website :

http://www.msn.com/

Hmm, i try using my gradient image and put in on 'modify' and page properties..but just out half of the page..how i can fix the size and make the bg look smooth?.Actually,i'm trying to beat MSN..lol (just kidding)

http://www.msn.com/

Thanks for any replying.
Zaizen

 

Where is the link to your page? We know how MSFT is doing it, the questions are how are you trying to do it, and how can we help you fix it.

cheers,

gary

 

Make a background image like that in Photoshop (or any similar program) and put it as a background (background: url(path/to/your/image.jpg) repeat-x).

 

hello gary..

My page link is : http://www.graphicsalien.com oh, my site its so ugly..

I need to change the background color to gradient color( grey and white)..like http://www.msn.com do (gradient blue and white)..i dont know how to put on dreamweaver mx..i just follow dmi tips( mx dont have repeat-x when i go to page properties ).

Any one can help me..

Thanks

 

To create a gradient background:
1.) Create a gradient colored design in Adobe Photoshop.
2.) After you saved your image in Photoshop, use CSS to declare the background.

ex:

body
{
background-image:url('image.jpg');
}

PHP:

 

this is funny..he doesn't know how to make a gradient but look what he's selling on the website

"Stunning Graphics That Will SKYROCKET YOUR SALES All The Way To The UNIVERSE!"

 

petyard,

watch your mouth..i think u not read my question what is all about..i know how do all this design stuff, my problem just about dreamweaver..i not know to much about css..and i found difficulty to put it on my page..

 

^^ thats how i do it, ponga u forgot to tell that like if u want the image to repeat u need to add "repeat-x" to repeat __ , "repeat-y" to repeat |


hope it helps.

 

boyponga and carlos..thanks

Check ur PM, i got offer to give you.

 

And if you want different images...

The good ol' DynamicDrive has a Gradient Image generator...

http://tools.dynamicdrive.com/gradient/

 

I told you right away everything you wanted to know

You said there is no repeat-x in DW... if I recall good (it was a long time since I used DW) - switch your design mode to code mode, find that line and just write 'repeat-x' there.

dmi

 

Easy just create a thin gradient image and for example save it as 'bg.jpg'

then put this at the top of your code (html).

body {
background-image: url(bg.jpg); **
background-repeat: repeat-x;
}

**If you have uploaded the image in the same dir as the page. Example, if you have uploaded it in 'images' it would be url(images/bg.jpg);

 

Use CSS But don't forget!!!!! If you use not a default color of background(not white, use this)

body{
background-color: #color;
background-image: url(images/gradient.gif);
background-repeat: repeat-x; /* or no-repeat */
}

HTML:

 

I know its been awhile for this post. Here is a clip from a CSS in DNN for a table with gradient background.

background-color:Transparent; FILTER: progidXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#B2BACC',gradientType='0' );
}


Or go to adobe.com and serach for MX garadient background extension for this.

 

all i do is make a small gif in photoshop and use that as the background