I've taken a short break from PHP work to make some new templates for Tabulas... the new templates will all eventually be XHTML 1.0/CSS 1.0 standard compliant. Of course, the whole site will also aim to be a lot more accessible ...

Note that these are not complete templates... I'm just throwing them up for now so you can guys can take a look. They will all be most likely tweaked (with the exception of template 5) I will also be creating alternate stylesheets for each page so that users can select preset "color schemes."

Note that I haven't redesigned a single one of the existing templates. I think they will most likely be trashed (although I might adapt the two decent ones ... and "upgrade" them).

Check out the source codes on the files... all using nice valid semantic markup.

My favorite one (and the one that took the far longest) is template 5... note how the template reacts when you hover over the links ... the design is very minimalist but effective. I will most likely either use this one or template 2 as the "default" Tabulas template for users. The only thing that bothers me about template 5 is that I didn't use a list to create the top navigational links. After about an hour of trying to hack together a bunch of background-images and using weird borders, I gave up and just decided to use the current method.

Oh yeah, before you guys lambast me for my lack of design skills, Template 3 is going to be called "The 1996 Template." It's just a throwback template to the good ol' glory days when no one actually styled their websites. I got a good laugh when I made it ... and I'll probably use it on this site once I get the new templating system up. Roffles.

- Template 1
- Template 2
- Template 3
- Template 5

If you any of you webdesign dorks wants to help me test it out, if you can check against other browsers ... I only checked against IE in Windows (lazy me). Also let me know if you see any blatant flaws with the HTML/CSS...


One of the big things that will change besides being to actually select more than oen color scheme is that I'm thinking of tying entry styles to templates. I'm not entirely sold on this idea yet, so I'm likely to vacillate, but it seems to much easier if I just tie entry style to templates .. the stylistic consistency could be forced upon the users. It's also a lot easier when I create these templates, because I have more slack when creating CSS classes; I don't think the new templating system/styling system is going to be "plug-and-play" for different CSS files since I'm relying so heavily on CSS files for outputting.

Which means that stylistically, allowing different entry styles might no be smart.

But if I could manage to make the entry templates plug-and-play and account for all possible types within all the CSS files, that would be really l33t.

Ahhhh!
Posted by roy on June 3, 2004 at 04:39 AM in Tabulas | 10 Comments

Related Entries

Linked Entries

These are Tabulas entries which have linked to this particular entry.

Want to comment with Tabulas?. Please login.

phineyae (guest)

Comment posted on July 2nd, 2004 at 10:46 PM
I like the templates too.. Hey Where\'s #4? lol .. I didn\'t like that number anyways..

QUESTION: I would like to purchase a paid account for a couple of friends who has a free account. I always use paypal to purchase. How would I go about letting you know that I\'m paying for my friend\'s Tab page?
Comment posted on June 6th, 2004 at 04:41 AM
I love template 2 :) it looks very neat and professional ^_^
Comment posted on June 4th, 2004 at 02:13 PM
Dude they rock!
But.. template 3 seems just a bit before \'96.... Hell I\'m probabbly wrong but I remember there being just a bit more to a page then... Still looking good. =D
Comment posted on June 3rd, 2004 at 01:47 PM
Maybe I missed this in the post, but are these templates going to be available for all customers or just paying members?
Comment posted on June 3rd, 2004 at 09:10 PM
These *will* be available to all members, but for free members they\'ll have small textual advertisements (via Google AdSense)

PM5K (guest)

Comment posted on June 3rd, 2004 at 05:24 PM
You see that\'s part of the problem, Roy gives away for too much for free and then expects people to pay for the service, I think the advertisements he is looking to implement are a step in the right direction but having some very nice templates that you spend a few days on would be a great thing to offer paying customers.

Having said that, where is number four ?
Comment posted on June 3rd, 2004 at 01:55 PM
Everyone. They\'ll replace the tables-based ones.
Comment posted on June 3rd, 2004 at 01:18 PM
numba\' 2 reminded me of <a href=\"http://www.waferbaby.com/\">the baby</a>. all the designs are very, very nice, and <i>such</i> a drastic improvement over the older ones [that\'s a compliment :P].

i was also a bit worried you\'d use standards-compliant code, but have it be tables. oh my god! i can look at your code without feeling a gloomy weight fall on my shoulders! [also a compliment]
Comment posted on June 3rd, 2004 at 01:04 PM
So i\'m gonna ask the obvious questions... do you have something against the number 4??!?
Comment posted on June 3rd, 2004 at 05:25 AM
Sw33t! Roy used l33t!

They look spiffy in Firefox (Mozilla, too, I guess.) and Opera. I\'ve got to hurry to school soon so I have to plug a great service: <a href=\"http://www.danvine.com/icapture.com\">iCapture</a>, which allows you to see your pages in Safari.

Personally, I like Template 2. Reminds me of <a href=\"http://themaninblue.com/\">The Man in Blue</a> for some reason.