newseed Posted May 27, 2009 Report Share Posted May 27, 2009 (edited) I have a situation where a curvy tab design is being used. Here's the mockup design with some key points in red. I like to use this script 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. Edited May 27, 2009 by newseed Quote Link to comment Share on other sites More sharing options...
lm Posted May 27, 2009 Report Share Posted May 27, 2009 I think "sliding doors" often used for this kind of tabs and you can find exact example of it. Quote Link to comment Share on other sites More sharing options...
newseed Posted May 28, 2009 Author Report Share Posted May 28, 2009 I ended up using this example because it seems pretty straight forward. Here's the results of the tabs I did. It looks good. These tabs will indeed have content in them just below the tabs. However, the all the tabs content will be on the same page. I know how to make a tab link active for whatever page is being displayed but what I don't know is how to make a tab link active for a content that is within the same page. I have googled various types of scripts that allows you to do this but it all seems to be an overkill and that it seems that I would have to spend way too much time to take what coding I have done and implement for use with the tab script. Is there any jquery or other scripts as an add-on to my existing menu code that can simply highlight a tab to be current for content that is within the same page? Thanks. Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted May 28, 2009 Report Share Posted May 28, 2009 That has to be done with JS probably... http://www.visibilityinherit.com/code/current-page-withjs.php Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted May 28, 2009 Report Share Posted May 28, 2009 Or there's this too... http://www.visibilityinherit.com/code/tabs.php Quote Link to comment Share on other sites More sharing options...
newseed Posted May 28, 2009 Author Report Share Posted May 28, 2009 That has to be done with JS probably... http://www.visibilityinherit.com/code/current-page-withjs.php I ended up using this one (mostly) along with this "highlite" bit you had on your page. Or there's this too... http://www.visibilityinherit.com/code/tabs.php I thought the tabs were good but I wanted something that will keep the content displayed after you hover over and move away from it. Here's the results. Quote Link to comment Share on other sites More sharing options...
newseed Posted May 28, 2009 Author Report Share Posted May 28, 2009 Oh by the way....THANKS! Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted May 28, 2009 Report Share Posted May 28, 2009 Oh by the way....THANKS! Your welcome Eddie Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.