WhereWe.at

CSS Tutorial: Setting the Z-Index Order (OMG the Web in 3D)

I’ve been getting a few hits on my site about creating an overlapping, tabbed horizontal navigation, but a lot of searchers just want to know about setting the z-index order to overlap elements. Here’s a nuts and bolts tutorial. HTML & CSS code is at the bottom.
Let’s say you have these two boxes…

#demo_box_orange { width: [...]

CSS Overlapping Tabbed Navigation Using Z-Index and Relative Positioning

In this tutorial I will demonstrate how to create a layered tab navigation (hover your mouse over the tabs):

Home
Products
Support
Contact
About

To accomplish this, you can use a combination of a PNG image with alpha-transparency and CSS, using the z-index and position properties.
Please note: because the code uses a PNG with alpha-transparency and background-image positioning rules, this demo [...]

Widget-ready WordPress theme: Fadtastic

Recently I worked for a client who needed his WordPress theme upgraded to be widget-capable. The theme he uses is Fadtastic, and since it is freely available to the public, I decided to re-release the modified widget-capable version here.
Download (fadtastic_theme_widgetized.zip)

Introducing the MySpace and MySpace Mobile PHP Classes

Update 2-26-09: After just testing my demo page, it looks like either one or both of the classes aren’t working. I don’t have any major motivations to fix them, because I’m too busy with other projects to deal with MySpace changing their HTML. I’m sure that the fix is easy… some pattern in one of [...]

Freebase Hackday ‘08 – Observations, Questions

I’m here at Freebase’s Hackday ‘08 and things are just getting started. I have been interested in the Semantic Web for a couple years now, and though Freebase’s Metaweb technology didn’t originally provide an RDF interface, Freebase now has an RDF endpoint. The Metaweb Query Language (MQL) is much more intuitive to me but I [...]

Concept: WordPress Theme Designer

The idea is essentially based on what the folks over at SquareSpace have done – provide a WYSIWYG interface for designing/modifying blog templates. I’ve had this idea for a while now (though on a larger scale than just WP), but it was only until recently when I became more adept with JavaScript that I began [...]