The code is supplied in each tab, so you can quickly apply this to your site, by copy/pasting the code from the tabs to your own site.
By creating a menu image where the tabs are upside down, you can easily add the tabs to the bottom of the container, as the second example shows.
To get started with creating your own css tab menu style, go to the horizontal menu builder.
TutorialBlog also has a list of 10 Different Ajax Tab.
At Dynamic Drive you can find many tabbed content examples along with css menus examples.
And at last, if you want a Windows XP styled tab script, you can find an excellent one over at dhtmlgoodies.com.
Due to the comment below, by Doug, I have made a modification to the tab script, so that if you should ever encounter similar issues, you can use the below examples for you site.
var ac = ael.getProperty(‘href’);
var acu = ael.getProperty(‘href’);
var ac = acu.replace(/#/, ”);
Furthermore, while trying to figure out what could have caused the issue, I encountered a variable that was not set. The scripts here have been corrected, but if you have used the script and want to correct this all you need to do, is change the following line in the “initTabs” function;
e = new Event(e).stop();
var e = new Event(e).stop();