Woodland Stream Template
If you are using Firefox and click the Download button, you will see a bunch of gibberish. Instead, right click the Download button and save the file to your computer.
The Woodland Stream Template is a fixed width layout. It is available as both a full content layout and the two column layout. At 800x600 there should be no horizontal scroll. However at this resolution you will see very little of the dark background. At higher resolutions you will see more of the darker body background but the container and content will remain the same size. Both the style sheet and the template validate. The page was coded using an XHTML Transitional doctype. This template is based on one of the layouts from Eric Meyer's CSS Sculptor for Expression Web.
Colors for the gradient image used as the background for the <h1> thru <h3> tags are #D2D8BC and #FFFFFF.
Color
Palette Generator was used to generate the color palette from the
masthead photo. Left to right, the colors are:
- First Row: #333E13, #272F00, #5C7B37
- Second Row: #D2D8BC, #8D9B5D, #0B2404
- Third Row: #061609, #4D5142, #252E1D
The screenshot of the color palette shows the application of the class imgrgt. The is also a style to float images to the left.
Editable regions in the dwt include the doctitle, description, keywords, and the main content area. The right sidebar is not an editable region but can easily be changed to that.
This template is designed for a smaller site with not a huge number of sections as the top menu can accommodate only so many links without breaking the layout. If you require a drop down menu, I suggest you check out CSS Express Drop-Down Menus available at Project Seven.
If you want text on top of the graphic image in the masthead, use your graphics editor to add it to the image.
H2 level heading
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. More...