Search Tools Links Login

CSS Template: Back To Basics

Posted: 2019-01-13
By: dwirch
Viewed: 485

Filed Under:

Templates, Free Stuff, Design, Webmaster Related

Title Uploaded Size 1/13/2019 11:10:20 AM 18,576 1/13/2019 11:10:07 AM 18,536 1/13/2019 11:09:52 AM 18,536

I was cruising through some old backups, doing some house cleaning, and I found a trove of old templates that fooled around with, way back in 2002. I thought I'd dust some of them off, and update them a bit.

Yes, I have backups going back that far. There some stuff in there going back as far as 1990, believe it or not! Don't sweat me about that. I'm cleaning it up, slowly but surely.

This post actually covers a package of templates, called Back to Basics. The original idea was to build a basic site template, and just change the color settings as needed.

While that sounds pretty simple when using todays tools such as CSS, back then it was a real drag. Using tables to control the layout of the page was the order of the day, and changing fonts, colors, etc. was a real drag.

By updating the templates to standard HTML and CSS for layout design, I was able to make the templates super easy to configure. The size savings was amazing as well, conserving about 71%, if my math is correct.

html size 73.7 k
css size N/A
html size 22.3 k
css size 3.3 k

Quite a savings, no?

As I mentioned, there are three versions of the same template, red, green, and blue:

Back To Basics

By changing the color and font settings in the CSS file, you can change it site-wide, which is one of the great things about using CSS. Plus, your html code is muddled up with a bunch of font tags and things like that.

Currently, they are configured with the 2002 font settings (Verdana, Arial, Sans-Serif), but try changing just the font-family selector up at the top of the CSS file, and you'll see how easy it is to work with these guys.

I've listed the demo links below, and the zip files can be downloaded in the attachments section at the top of this page.

Comments on this post

No comments have been added for this post.

You must be logged in to make a comment.