Well, on my site (
http://forceflow.undreamedstudios.be - for example
purposes, not pimpage :razz: ) I work with an image as a background.
I found out launching it in a pop-up window was the best way to make it
look the same on all systems/browsers. The image did not allow
stretching, it looked silly when the site was auto-stretched to
800*600. Make sure your image uses the same color overall, makes it
easier for the eyes.
So, what you have to do is:
1. Slice up your background pictures into the pieces you want it to
have. (On my site, there are three. The left big part with me an the
menu, the part where the text shows up, and the tiny one with the
quotations in the downright corner. Save these pieces seperately, and
write down their dimensions somewhere.
2. Make different pages (in my case: three) that use each of the
pictures as background. The background image will be tiled (repeated)
and look ugly, but don't worry about it at this point.
3. Compose a frameset, consisting of three frames that match the
dimensions of your image pieces, and load the seperate pages in them.
You might need to edit some page margins to have it look right. Of
course, these frames should have the NOREZISE en SCROLLBAR=NO tags when
you define them.
Like this:
<frame src="frameright.htm" name="rechts" scrolling="NO" noresize>
4. Now we have to make the background of your site's pages fixed.
Otherwise, when the text exceeds your frame space, the background image
will be repeated every time you scroll, which looks bad.
Define this in a CSS file:
BODY
{
background-attachment:fixed;
}
Then implement this CSS file into each of your pages by using this:
<link rel="stylesheet" href="scroll.css" type="text/css">
This should go in the HEAD part of your HMTL. (between <head> en </head>)
It's also very useful to define other things in your CSS file when you
start with the site. Text sizes, scrollbar colors (only works in IE,
though), link behaviour, ... All easy to edit later on, since you only
have to change one line in the CSS file to use a different font,
instead of editing dozens of seperal webpages.
Edit: To get best results, it's best to use multiple framesets. On my site, I use three different framesets embedded in eachother:
http://www.snarkpit.net/pits/forceflow/website.JPG
As you can see, the red frameset is resizable and will dissapear when
defining a pop-up window with the right dimensions. The Blue frameset
contains the site, splitted in left part (menu) and right part (text +
quotations). The green frameset defines with part of the right part of
the site is for text and which part is for quotations.
:: Forceflow.be :: Nuclear Dawn developer
