CSS Based Layout Templates
Each of these templates uses a css based layout with the exception of one. The templates use an XHTML transitional doctype and have an external stylesheet. You are welcome to use them as a basis for site layout as is or change them as needed. Changes to colors, font families, font sizes and such should be made within the external stylesheet.
Clicking on the link under the template will take you to the full size template.
The masthead on some of the templates uses a graphic image. Depending on MY time constraints, I will be happy to add a site title for you. Any of them can easily be converted to a dynamic web template if you are using FrontPage 2003 or Expression Web. Although created in Expression Web, they can be used with any WYSIWYG editor or any html editor for that matter.
The zipped files for each template contain:
- blank template
- external style sheet
- all images used as part of the template
Instructions for using the template files. The templates and the css validate.
If you want to change the menu used with a specific template, check the Menu Resources listed below.
The layouts are free for your personal websites. A link back to this site is appreciated. If you are using any of them for a commercial layout, a link back to this site is required.
These are basic templates. There are other styles you will need to add as you go along. Google is your friend. Learn to use it to find style info you might need. There are many css resources on the Resource page of this site. If you have questions, don't hesitate to ask. Investigate both the code and the style sheet. Make changes so you understand how the style sheet and coding relate to each other. Explore different menus using the resources included in the sidebar.
- Christmas Templates by Pat Geary
- Fixed Width Templates by Pat Geary
- Mobile Friendly Templates
- Flying Angel DWT - table based by Tina Clarke
- Sample DWT's by Cheryl Wise
- Expression Web DWT's by Pat Geary (requires Expression Web)
Sources for Seamless Tile Backgrounds
Remember if you use someone else's graphics you may need to link back to their site.
- EOS Developer Backgrounds
- CSGreen Designs
- The Inspiration Gallery
- Backgrounds Etc
- 50 Seamless Tiled Backgrounds
- Dashed Vertical Menu
- CSS Play Menus
- CSS Library
- CSS Menu Generator
- CSS Menus
- Horizontal CSS Menus
- Vertical CSS Menus