Ho! Ho! Ho!
Yeah, I know - what's up with the Christmas stuff...
I am getting a little christmas-y
Plus I've been commissioned to make a special e-Christmas Card.
Naturally, that one is not for public use, but this page has the same basic layout.
As with anything CSS - the colors can be changed to anything you want, the frame size can be changed, the content area size can be changed - everything can be changed.
You could add your own family photos and graphics, maybe decorate the frame with some background detail - the sky's the limit.
Plus, everything is defined in percentages, so it adjusts to fit different screen sizes.
Don't you just love CSS?
#content {
position: fixed;
top: 15%;
left: 10%;
right: 10%;
bottom: 10%;
width: 80%;
background: #fff;
border-top: 5px inset #B1FFB1;
border-right: 5px inset #B1FFB1;
border-bottom: 5px inset #B1FFB1;
border-left: 5px inset #B1FFB1;
padding: 0.5%;
overflow: auto;
}
One of the most important criteria for the commissioned version was the ability to read long content while maintaining the defined framed-content style.
This was easily accomplished by setting the content div's 'overflow' parameter to 'auto'. (see example at left)
Yes, the example code window is also set to auto-scroll. If your looking at this in Firefox you can see it, in IE - maybe not. :)