Jump to content


Photo

Gradient Background


  • Please log in to reply
13 replies to this topic

#1 zozo

zozo

    Young Padawan

  • Members
  • Pip
  • 7 posts

Posted 05 May 2005 - 10:38 AM

Fellows,

I need your help in an easy problem for a pro. My question is:

How can I make a gradient background in Dreamweaver MX?

Here is an example, to understand what I'm talking about: http://www.templatem...lates/4082.html [Look at the "Html homepage screenshot".]

Thanks,
Zozo

#2 raenef

raenef

    Code Enforcer

  • Members
  • PipPipPip
  • 540 posts
  • Location:Battle Creek, Michigan
  • Interests:Web Development and Graphic Design

Posted 05 May 2005 - 12:21 PM

Even though it says html homepage, its still a graphic doing that for the background.
Not possible to make a gradient in Dreamweaver.

#3 tdietz

tdietz

    Young Padawan

  • Members
  • Pip
  • 15 posts

Posted 05 May 2005 - 03:28 PM

Actually.....

http://www.mermeliz....ml/gradient.htm

#4 tiki

tiki

    Young Padawan

  • Members
  • Pip
  • 259 posts
  • Gender:Male
  • Location:California

Posted 05 May 2005 - 09:32 PM

also filters dont work for firefox, so it be easier just to use an image.

#5 coolaid

coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 05 May 2005 - 09:54 PM

however, images will leave disgusting looking gradients when streched, so its best to have a large gradient image as the background-image, with no repeat on the y axis and and after the image is ended, the background-color shows.

#6 CoryMathews

CoryMathews

    P2L Jedi

  • Members
  • PipPipPip
  • 554 posts
  • Gender:Male
  • Location:Texas

Posted 05 May 2005 - 10:03 PM

ye but with a large pic as the bg the dl time goes way up.

#7 coolaid

coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 05 May 2005 - 10:10 PM

not if its 1 pixel in width and just repeat on the x axis.

#8 CoryMathews

CoryMathews

    P2L Jedi

  • Members
  • PipPipPip
  • 554 posts
  • Gender:Male
  • Location:Texas

Posted 05 May 2005 - 10:12 PM

got a good point there. but i still dont really like em to much. but its not my site. if he can make it work and still get a quick dl and good look then have at it.

#9 raenef

raenef

    Code Enforcer

  • Members
  • PipPipPip
  • 540 posts
  • Location:Battle Creek, Michigan
  • Interests:Web Development and Graphic Design

Posted 06 May 2005 - 12:28 AM

:D I stand corrected. I guess there is a way to do a gradient. Go for it if you can get it working, much luck.
I wouldnt use it just for the fact it doesnt work on firefox/opera/ and other browsers that dont support filters but thats just because Im big on cross-browser-compatability.

#10 zozo

zozo

    Young Padawan

  • Members
  • Pip
  • 7 posts

Posted 06 May 2005 - 06:17 AM

Thanks for your answers!

I'm not interested in using a code which is irrelevant for some of the browsers.

I would like to do as it follows:

1. Design a 1 px width gradient image in Photoshop, with a certain height.
2. Use that image in Dreamweaver to obtain the gradient background.

So, here is my problem: how should I use that image [how will look like my html code?] in such way to Dreamweaver repeat it as a vertical image, just as it is.

Thanks,
Zozo

#11 coolaid

coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 06 May 2005 - 03:40 PM

i dont kno about dreamweaver but putting the background in the layout with html, just add in the body tag

<body background="image.gif">

and it'll repeat just as it should.

in css

body {
background-image: url("image.gif");
}

#12 anevt

anevt

    Young Padawan

  • Members
  • Pip
  • 85 posts

Posted 07 May 2005 - 08:55 PM

hmm...... but won't it just tile? i think theres a code you can use to make it stretch itself.

#13 coolaid

coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 07 May 2005 - 09:35 PM

he said he wanted the image to repeat vertically...

#14 anevt

anevt

    Young Padawan

  • Members
  • Pip
  • 85 posts

Posted 11 May 2005 - 07:14 PM

mb, didn't read :D




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users