Nice work people! Loads of you have gone away and experimented with styling a straight-forward Description List - take a look at the results..
I asked you all to style this markup..
<dl> <dt>Psdtuts+</dt> <dd>Adobe Photoshop Tutorials from Beginner to Advanced.</dd> <dt>Nettuts+</dt> <dd>Web development Tutorials, from Beginner to Advanced.</dd> <dt>Webdesigntuts+</dt> <dd>In-depth tutorials and articles on web design.</dd> <dt>Wptuts+</dt> <dd>A WordPress Website dedicated to WordPress training, tutorials, and WordPress videos.</dd> </dl>
..using whatever magic you could muster with CSS alone. Here are the results!
A Couple of Examples
You're welcome to continue submitting ideas for this, but there'll be another challenge coming soon. In the meantime, check out a few of the submissions which most caught my eye:
Vince's Factory - by Vincent Markesteijn
Note Card - by Nathaniel Albrecht (Huge Help from Bryce from BMC Creative)
Just circles - by Niels Voogt
Clean DL - by Sam Markiewicz
Borderlands 2 - by Chris Spittles
There's a chance I somehow missed your submission, messed up your name, copied the wrong url to your own site, ruined something I haven't even thought about - if that's the case, just shout at me in the comments and I'll see about setting things right. If you didn't include your details in the css file, they ain't there..
Other than that, enjoy everyone's work and leave constructive advice, questions and thoughts in the comments below. Thanks to all who participated - here's to many more Webdesigntuts+ Community Projects!
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post