Content
This is your main content box. It is NOT an iframe, it is a div layer with scrollbars. The whole layout is somewhat experimental. I hope you like it. The image is taken from an artwork made by me, and brushes are, believe it or not, default Photoshop 7 brushes. This makes "Ethereal Beige" 100% made by me, so please respect it. Special thanks to Iva, who came up with an idea on how to center this type of layout.Layout info
I said this layout was an experiment, because it's a combination of various technologies :) It uses regular frames (to center content in all the major resolutions), and div layers to build blocks for title, navigation and content. The div layer has fixed height and scrollbars so it makes it look like an iframe... Complicated, huh? Well, no, not really, customization is pretty easy (see below). I opted for div layers instead of iframes because they're more flexible (you can set up a custom title and easily change navigation links, plus, you don't need to deal with transparent iframes).
Now, the most important part....
Customization
Unzip files and take a close look. You have 3 html pages: index (which is a frameset page), index2 and blank. You should customize index2, which is the main file. You have 3 divs: title (place your title there), navigation (there you'll put your navigation links and copyright, and don't remove mine!) and content, where you'll write your blog, articles, tutorials... whatever. So just replace this text with yours on each of the pages you have. And that's basically it. All you have to do is open index.htm now and change <title> - only!- and you're done! If you have any problems with this layout, please email me and I'll try to help.
That's all! Enjoy this layout!
Mira,
vega-dream.net
Extra...
x Code
Here's a matching button to go with the layout. Just add your text.
x Splash graphic
If you want to have a splash page that matches this layout, use the image below.
Feel free to edit splash image to suit your needs (add your text, edit/crop or whatever) but you may NOT use it outside of this layout set nor you may claim it as your own.
Make sure to name splash page index.htm, in which case you have to change name of frameset page from index.htm to something else (say, frameset.htm). Remember, splash must match this layout. Bare this in mind when designing your splash page.
If you're too lazy, copy and paste this code.
Add this at the end of your style.css file:
And that's it! You have your splash page!