PDA

View Full Version : Curvy Tabs



newseed
May 27th, 2009, 10:33 PM
I have a situation where a curvy tab design is being used.

Here's the mockup design (http://www.thekaspergroup.com/tools/tabs/) with some key points in red.

I like to use this script (http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm) for the tab script but I just not seeing how I can achieve this result according to the design.

I am open to other options if it provides me the desired results I am looking for.

VIPStephan
May 28th, 2009, 12:05 AM
http://www.alistapart.com/articles/slidingdoors2/

newseed
May 28th, 2009, 12:35 AM
Thanks for the link but the curves are not like the one you suggest. The tabs I have appears to overlap one another.

VIPStephan
May 28th, 2009, 12:46 AM
Read part one. The same principle applies. The only thing you need to modify is the first and the last tab (left and right side, respectively). You can do this by assigning a custom class or ID to these tabs and applying the appropriate image.

newseed
May 29th, 2009, 03:02 PM
Thanks for pointing me in the right direction. Here's the results (http://www.thekaspergroup.com/tools/tabs/overlapping-tabs-2.htm) of the tabs.