The background image effect was achieved by adding: "background:url(images/bg.jpg) top center fixed no-repeat;" to his css. The "fixed" position indicates that the background is static.
The content boxes simply have a transparent background on them along with what seems to be another layer on top that was probably filled-black and had it’s opacity lowered (these two layers are part of the image… no css was used). It was then saved as .png which uses alpha transparency to make it look all shiny, but unfortunately isn’t really supported by ie that well – ie7 is alright at it, but ie6 sucks.
Anyways, that’s what it looks like to me. Hope this helps.
First create a file like "fixedbackground.js" by using notepad or any other editor. This file should contain:
Next, in the head section of your htm-file (or asp, or php, or whatever), place the followoing code:
In your htm-file (or whatever), your body-tag should contain an onload like:
If you are using frames, you have to do this for every document in that frame. That’s a lot of work because you have to cut up your image in images for every frame you use.
If you change to iframes, then it is a lot easier. Every line for a iframe should contain "allowtransparency" like:
Every document loaded in the iframe needs some extra coding to. In the head-section you need:
Don’t assign any background in you body-section!
If you wan’t to see an example, visit http://publiek.serverthuis.nl. Play around with the window and see the effect.
You must be logged in to reply to this topic.