Oh, the urbanity!

12/05/2005 2:44PM
Posted by Chuck Norris

This is "City Slicker", a fixed two-column layout. I took a few design cues from some of my favorite OSWD designs, like Bladed (I forget the author of that one, sorry) and of course the designs by the legendary Andreas Viklund. I also threw in a little bit of (hopefully non-intrusive) color, which makes it a little less professional but a little more interesting to look at. The markup is 100% valid XHTML strict, and the CSS is mostly valid. I had to do a few little hacks to make the PNG opacity work in Internet Explorer (See that drop shadow? It's magic!).

In any case, the markup and CSS should both be easy to read and edit. For example, I am a fan of text-align: justify; in my paragraphs, but you might not like it. Fortunately, it's easy to change!

I mostly made this template to be a Wordpress theme, but of course you're free to use it for whatever you like. Of course, I would appreciate a note - knowing my design is being used gives me the warm fuzzies - but it is open source, so you don't have to do jack squat!

Questions and comments can go to jeremyrsmith©gmail.com (note: that's a copyright sign instead of an "at" sign for de-spamination purposes).

It's all Greek to me!

12/05/2005 2:44PM
Posted by James Woods

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus luctus, velit ac bibendum tincidunt, libero dolor blandit enim, a imperdiet pede nunc vel urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur fringilla, lectus eget convallis ultricies, elit massa congue neque, ac accumsan dolor mauris eu mi. Nunc convallis dictum enim. Aenean consectetuer augue. In hac habitasse platea dictumst. Mauris odio. In hac habitasse platea dictumst. Ut sed elit. Cras nec eros.

Pullquotes are so awesome.
-Christopher Walken

In hac habitasse platea dictumst. Integer quis nulla. Sed massa. Vivamus eu felis vitae libero bibendum suscipit. Curabitur nunc arcu, suscipit nec, fringilla at, lobortis in, lectus. Nulla hendrerit dignissim orci. Phasellus sed nibh. Suspendisse ante orci, lobortis non, accumsan ac, venenatis et, nibh. Nulla placerat. Nullam pellentesque convallis sem. Praesent porttitor tincidunt mi. Donec convallis commodo turpis. Maecenas mollis vestibulum dolor. Nam diam. Donec mollis nulla tempor eros. Ut accumsan. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin laoreet sem auctor neque. Quisque ornare, nisl vitae vestibulum hendrerit, justo massa faucibus lacus, at suscipit nulla risus at orci. Donec eu mauris.

Nunc dolor neque, feugiat tempus, bibendum id, hendrerit eu, nunc. Aliquam quis diam. Integer non pede. Donec at leo vitae sapien consequat viverra. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla facilisi. Suspendisse potenti. Praesent vitae orci. Aenean vulputate tincidunt elit. Ut ultricies, erat et sollicitudin elementum, elit elit mollis elit, nec varius sapien orci et urna. Maecenas pellentesque. Curabitur auctor nunc non lacus. Cras condimentum felis in neque.

I prefer pullquotes on the left side. Eh, wot?
-Patrick Stewart

Praesent eu ligula. Pellentesque pharetra faucibus mauris. Donec pellentesque semper nulla. Ut dictum mi. Phasellus eget tellus eget metus viverra ullamcorper. Ut laoreet massa non tellus. Ut enim lectus, porta porttitor, varius sed, malesuada non, lorem. Praesent pede neque, congue id, ornare at, iaculis non, pede. Morbi vehicula sapien vitae nulla. Pellentesque vitae augue ac mi luctus euismod. Quisque lobortis, neque vehicula vestibulum cursus, leo ante pharetra leo, nec dictum sapien dui vel eros. Sed pharetra viverra risus. Ut diam neque, iaculis eu, ullamcorper et, luctus eu, ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec pharetra massa in orci. Proin aliquam auctor mauris. Fusce tincidunt lobortis elit. Integer tincidunt, felis ut sodales dapibus, mi tellus imperdiet sem, pellentesque gravida magna quam sed ligula. Aliquam condimentum nunc non lectus.