Template
A tableless XHTML/CSS template that focuses on customization. After the success of my last template, reflection, I decided to stick with the "easy-to-modify" theme. The header is simple to change for one of your own, as is the accent colour. You can see the result here.
To change the accent colour, search the style sheet for hex value #56B600 and replace it with one of your own. The top header image is added by the #header class definition.
Semantically Coded
This template is coded using the markup as it was intended. The result is code that is simple to understand and widely supported in different browsers. Another benefit is that user agents that don't support CSS will still display the site's content coherently. You can test it yourself by disabling CSS in your browser.
Specs
Softened Cells is a fixed width template that will work out of the box at 640x480 and above. You can change this if you want by altering the width definitions of the #siteBox, #news and #text CSS classes.
Browser support for the template is very good because of the simple markup structure. It renders consitently in the following:
- Firefox
- Netscape
- Opera
- Safari
- IE (Windows/Mac)
Images
Images are fully supported using the two custom CSS classes .right and .left. Simply place an image in the paragraph you'd like, apply the class and you're done. Headings <h1> and sub headings <h2> act as boundaries, so you're images will always remain in context.
Big Links
One last thing for you to play with is the .links CSS class. It lets you create large link blocks in your content for whatever you want to emphasis. I used them on my site for the portfolio and links sections.
- Deviant ART Just about the largest art site on the Interweb.
- CSS Zen Garden Showcasing what is possible using only pure CSS design.
- FullAhead My design portfolio site (completely shameless plug).
Terms of Use
The template is released for free, but I would appreciate it you gave me, FullAhead, credit. If you keep either of the header images that come with the template, you should also leave a link to ThreeTree, since he took them.
If you end up using this template, send me an message. It's always interesting to see how people modify my work. I enjoyed making it, so I hope you enjoy using it.
Blocks
Here's a spot you could stick some side content relevant to the page you're on. There's also a special link class for anything you decide to put here:
Tried for an open and soft design on this one. You can see the similarities in this design proposal I did last month.
Recent
2005.08.28 Template finished. Two versions available, each one weighing in at a modest 15kb in size ...
2005.08.20 Played in the Tree-oh discgolf tournament. Went pretty well, but the body is not happy about the 8 hours of play ...
2005.08.16 Tires suck. Went to get my bike out of my friends garage - flat tire. Next day, the car decides to do the same ...