<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- #BeginTemplate "tress.dwt" --> <head> <!-- #BeginEditable "doctitle" --> <title>Evening Trees at Sunset Template</title> <!-- #EndEditable --> <!-- #BeginEditable "description" --> <meta content="CSS Sculptor for Expression Web " name="description" /> <!-- #EndEditable --> <!-- #BeginEditable "keywords" --> <meta content=" " name="keywords" /> <!-- #EndEditable --> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /> <meta content="en-us" http-equiv="Content-Language" /> <meta content="General" name="rating" /> <link href="favicon.ico" rel="shortcut icon" /> <meta content="no" http-equiv="imagetoolbar" /> <meta content="Copyright � 2008, Pat Geary All Rights Reserved" name="copyright" /> <!-- #BeginEditable "scripting" --> <!-- Scripting area here --> <!-- #EndEditable --> <link href="trees.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="outerWrapper"> <div id="sitename"> </div> <div id="header"> </div> <div id="topNavigation"> <div class="mattblacktabs"> <ul> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> <li><a href="#" title="null link">Link</a></li> </ul> </div> </div> <div id="contentWrapper"> <div id="content"> <!-- #BeginEditable "content" --> <h1>Evening Trees at Sunset Template</h1> <p>This fixed width template is based on one of the <a href="http://www.shareasale.com/m-pr.cfm?merchantID=18179&userID=301139&productID=461787021">Eric Meyer's CSS Sculptor for Expression Web</a> layouts. When viewed at 800x600 resolution it should have no horizontal scroll. Higher resolutions will show a wider background. The menu is <a href="http://www.dynamicdrive.com/style/csslibrary/item/matt_black_tabs/" title="Matt Black Tabs from Dynamic Drive.">Matt Black Tabs</a> from Dynamic Drive with the colors edited to more closely match the masthead image. </p> <p>This template is designed for a smaller site with not a huge number of sections as the top menu can accommodate so many links without breaking the layout. It could easily be replaced with a dropdown menu.</p> <p><img alt="Screenshot of brown color pallette." class="imglft" height="151" src="images/brown-color-pallette.jpg" width="275" /></p> <p>The image is floated to the left using a class. The image could be floated to the right using the class .imgrgt,</p> <p>The background of the page itself is a gradient image with the bottom color the background color specified. You can create the background image using <a href="http://tools.dynamicdrive.com/gradient/" title="Gradient Image Makerby Dynamic Drive.">Gradient Image Maker</a>.</p> <p>Editable regions include doctitle, description and keywords, and the content area. The masthead image is 800x200 pixels with the background color the same shade of brown. If you change the image, make sure you change the background color to match. The masthead logo is a transparent image. You may request the text in the logo be changed for your site name or substitute the top logo for one of your own. The class of imgrgt or imglft has been applied to the images within the content area.</p> <p>XHTML Transitional Doctype used and both the XHTML and CSS validate.</p> <p> </p> <p> </p><!-- #EndEditable --> </div> </div> <div id="footer"> <p>Your Name | <a href="mailto:yourname@yourdomain.com">yourname@your-domain.com </a></p> <p>Copyright 2008 | All Rights Reserved</p> <p>Template Design: <a href="http://www.genealogy-web-creations.com/">Genealogy Web Creations</a></p> <p>Header Image: provided under a <a href="http://creativecommons.org/licenses/by-nc/3.0/us/">Creative Commons Attribution-NonCommercial 2.5 License</a>. </p> </div> </div> </body> <!-- #EndTemplate --> </html>