What's new

Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Reply to thread

Message

a background like the examples you give is pretty easy to do. Basically it's just a one pixel wide image, top to bottom. Just specify it as a background for <body> and added repeat along the "x" axis. then specify a background colour which is the same colour where the image ends.

So in your example it goes from dark blue to light blue. The background colour sits below the background image. Where the image ends the background colour kicks in. If you give it the same colour as the last pixel (lowest) of the image then the transition between the image and the background colour will be seamless.

The CSS would look something like this:

body {
background: #09F url(images/background.gif) repeat-x;
}

cheers

Chris

[QUOTE="chrisatlemon, post: 94740, member: 3243"] a background like the examples you give is pretty easy to do. Basically it's just a one pixel wide image, top to bottom. Just specify it as a background for <body> and added repeat along the "x" axis. then specify a background colour which is the same colour where the image ends. So in your example it goes from dark blue to light blue. The background colour sits below the background image. Where the image ends the background colour kicks in. If you give it the same colour as the last pixel (lowest) of the image then the transition between the image and the background colour will be seamless. The CSS would look something like this: body { background: #09F url(images/background.gif) repeat-x; } cheers Chris [/QUOTE]

Verification: What is our favorite program/app? (Hint - it begins and ends with the letter P)

Search

Search

Reply to thread