Vertical Tabs

This is a demo page that provides not only an example, but also the code required to reproduce the vertical tabs shown to the left. The selected tab is connected to the content area and the deselected tabs are darker and appear to be under or below.

Play around with the example. Mouse over the tabs. A bit of CSS 'hover' magic has been added to provide the slight indication that the tabs are functional. Clicking a tab loads the new page.

If you enjoyed this example, checkout my others demos or my blog.