My Web Development Pages
BenMeadowcroft.com > WebDev makes my CSS layout templates available to the WWW. The templates are freely redistributable for noncommercial use under the terms of their license. As well as the CSS templates there are a few pages of opinion, some spoof pages and a fair bit of experimentation going on here as well, so don't be surprised if the site suddenly looks very different ;-) If you have a question about how I put the site together look at the source code, or have a look at the FAQ. The templates shown here are slight adaptions (to simplify) of the templates I use on this site. This part of my site is the jumping off point for these templates. New templates are announced periodically on the front page.
CSS Layout Templates
The templates available for download are divided into three main groups. The first group is for people who want to recreate common, one, two or three column layouts which are also popular table layout styles. The second group are layouts which are a little bit different and demonstrate how CSS can be used to produce more interesting designs. The third group is targeted at online forums and commenting systems. It tries to combine structural XHTML with CSS to provide an elegantly minimal interface.
The templates below are licensed under a Creative Commons License.
"Column" Layout Templates, with print style sheet
- Two column - left hand sidebar, Netscape 4 friendly
- Two column - right hand sidebar
- Two column - split sidebar top and right
- Three column - split sidebar left and right
- Three column - split sidebar left and right with footer
Demonstration / Funky Layout Templates
- Pros and Cons One - introduction, two columns + mid column content
- Pros and Cons Two - same content, swapped columns using CSS
- Spider One - Staggered Layout, Netscape 4 friendly
Discussion / Message Board Layout Templates
- Threaded Discussion - Simple CSS template for the overview page of a threaded discussion
- Threaded Discussion Item - This is the template for an item in the threaded discussion
- Unthreaded Discussion - This template is for unthreaded discussions, about an article for example
This resource is provided to help people who want to make the move from table based sites to the more fluid CSS style. Many other people have used my templates, so make sure you modify them a bit to create a new style for your site! I do not want to be responsible for hordes of identical web sites. These templates have been tested in Version 6 of the main PC browsers, they use valid XHTML and CSS but use them at your own risk!
Download Templates as a zip file [approx 218kb]
CSS Elsewhere on the web
The Open Directory Project has a category for this kind of thing.
If you know of a site that provides CSS layout style sheets [and isn't already listed] then submit it to the directory.
Links to more web development resources are available on my links page.
Old Versions on this site
If for some reason you want to get hold of the older versions of my layout templates then check out the following