Most of the jQuery based tabs out there have a lot of functionalities to fulfill everything you need, but they ended up being quite large, bloated and complex. This small jQuery-dependant code creates an easy and lightweight tabs widget.
Sliding Door
(mb)buttons Just great buttons
Build your own custom buttons easily just with CSS using the sliding doors technique!
Bulletproof CSS Sliding Doors Menus
The most robust and flexible CSS Menus ever made with CSS Sliding Doors technique. Completely cross-browser and no-hacks. Tested on all browser, even IE6.
Uber Round Color Tabs
Uber Round Color Tabs is a solid colored CSS menu with tabs that are well rounded on each side. Thanks to two transparent gifs used to create the corners, the tabs can be customized to any desired color using CSS color values alone.
Animated horizontal tabs
These sliding doors based blue tinted tabs “jump up” when selected, such as when the mouse rolls over each one. This is accomplished using a combination of relative positioning and padding on each tab. The selected tab is first stretched vertically by giving it a thick bottom padding, then plucked out thanks to the CSS […]
CSS Sliding Door using only 1 image
I found that it is not user friendly and also need more CSS coding. Besides, it is increasing the processing time and bandwidth in loading a site.
Simple Tabbing System
Today, we are going to learn how to create simple tabbing system. It is a very common technique nowadays. Especially for those magazine site, news or blogs that contain a lot of sections or contents.