-
- 3,250 Posts
This is a real template by Susan (sottwell) which used to be on her site.
@sottwell : is it available for download somewhere
-
- 141 Posts
Thanks Mark,
I have only been here a couple of days and already I recognise Susan as a major contributor to both the project and the forum.
That template is a blatant ripoff from this site:
http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html
The fancy "overlay" fixed scrolling bit doesn’t work too well (actually not at all...) with IE, not to mention the fact that it uses four large images, but his page is only for demo purposes, and the general idea is still doable. It’s a very simple two-column layout. He’s got several alternate css files, if your browser can do that. I got that Saturn image off the NASA section of GIMP-Savvy (
http://gimp-savvy.com/PHOTO-ARCHIVE/index.html), so they are totally free. I didn’t bother to make up a package of the template, since it’s easily available from the above site. He explicity allows the use of the templates and CSS, but not the images on his pages. Well worth looking at.
http://www.meyerweb.com/eric/css/edge/index.html
If you need me to, I can "fake" it and make up a working package.
That is one of the most simple templates you can possibly use! The only interesting part about it is the "scrolling" effect, which IE/Windows doesn’t do because it doesn’t handle the background:fixed property correctly.
Actually I’ve been looking at a couple of ways to "fake" it anyway; I’m very fond of it. I especially like to have the Saturn background, then have a simple Javascript slide show rotatating through a set of small images of blast-offs, also from the NASA image library. My theme for such a page is "The Sky’s the Limit". I would probably use the original idea for the main css file, then have an IE conditional section in the template head to call up an IE css file for the browser-impaired
-
- 141 Posts
Thanks very much I shall take a look at that now.
I am not currently too bothered about the scrolling - it’s the transparency I’m interested in. Sadly the picture of Saturn willl most likely be replaced with something more appropriate to the website content. A truly awesome picture though - I hope to think of another use for it.
Thanks again.
Hmmm .... it doesn't work at all well in IE, does it
Wasn’t intended to. A quote from the website:
It does not exist to present or explain safe cross-browser techniques; in fact, almost the opposite. The goal here is to find ways to make CSS live up to its fullest potential, with only minimal regard to browser limitations.
http://www.meyerweb.com/eric/css/edge/index.html
That’s the main reason I hadn’t offered it here before; it’s really not a generally useful technique. Sure is pretty in Firefox or any other real browser, though.
If it’s just the "transparency" you’re interested in, that was really easy...
http://www.gimp.org/tutorials/Changing_Background_Color_1/