Background Colour Change

[Alec]

Can anyone help.

Am looking to create a fading background but do not want to load an
entire image page.

Recently saw a faded background on a site using an image that was 1
pixel in width. The code then to use this was....

BACKGROUND-POSITION: center top; BACKGROUND-IMAGE:
url(../images/backgrounds/background_darker.gif); PADDING-BOTTOM: 0px;
COLOR: #000000; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: "Arial",
san-serif; BACKGROUND-COLOR: #cccccc

I have never come across this before and cannot get this to work when
inserted into my page (bitmap is in the correct directory).

Dumb question, but can anyone explain.

Thanks, Alec Thorne

 

[Paul M]

Hi
Can you post the URL to the site you saw, so we can see the affect you are
after?
Paul M

 

[MD Websunlimited]

The page referencing the image is in a folder one level removed from the images folder? A URL would be helpful.

 

[Alec]

Thanks for the reply

The website was http://www.camtasia.com. I saved the page and then
viewed the file TSC_body.htm where the background info was defined.

In either case the background effect of this site is the kind of thing
I am after. My site is plain old html with nothing fancy, and was
wondering if this effect is possible.

Thanks

Alec

 

[Stefan B Rusynko]

They are using an image of 1 px wide by 800 px high (background_darker.gif) with a gradient (dark top to light bottom ) in the image
file itself

That style just repeats the bk image (any size) horizontally
- so there is no "fading" involved in the style
- all done in the image file




| Thanks for the reply
|
| The website was http://www.camtasia.com. I saved the page and then
| viewed the file TSC_body.htm where the background info was defined.
|
| In either case the background effect of this site is the kind of thing
| I am after. My site is plain old html with nothing fancy, and was
| wondering if this effect is possible.
|
| Thanks
|
| Alec
|

 

[Alec]

Stefan, sorry bad choice of wording on my part.

I simply do not understand in a blank html page for example, what code
is needed to repeat this image to create the background.

Only being a novice frontpage user, have tried to copy and paste what
they have into my empty page, but with no luck.

Where and what should I be typing (assuming I use the same image name).

Cheers

Alec

 

[Paul M]

Hi alec
Right click on the page where the grey is and select page properties then
formatting then click the use background picture button and navigate to
where you have stored the image you wish to use for the background using the
browse button to the right
paul M

 

[Paul M]

Dad advice
What I mean is
Right click on the page anywhere( not where the grey is because there isn't
any there yet)
select page properties then formatting then click the use background picture
button and navigate to where you have stored the image you wish to use for
the background using the browse button to the right
Paul M

 

[Alec]

My god.....!!!!!!!

Have used background images before but NEVER thought to do that.

Paul, forever at your service and please never tell a soul

Many thanks.... Alec

 

[Paul M]

Your secrets safe with me
Paul M

 

[Alec]

Paul

Just as a thank you, you can see the effect I created at
www.schott-systeme.com/sample.htm

This page is the start of a new layout for our company website.

Will also include flash videos as the one below

http://www.schott-systeme.com/Videos/VideosConcept.htm

Again many thanks, and as you can see the background effect works
lovely.

Cheers

Alec