It is a great script.
I am trying to add 3 more tabs but when I click on the tab buttons it shows nothing for the last 3 I have added.
I have added the following….what am I missing?
Thanks for purchasing!
Please contact me through the message box in my profile page about this. Provide me a link to your page and let me know what type of Tabs you are using.
Tried different examples and no noy….cannot add extra tabs on either back button enabled or disabled.
Great product! However, in chrome the tabs have a bullet point next to them when used in wordpress. Is there a workaround for this? I’m sure it’s caused by wordpress autop
I have a new question though.. I have had trouble making the system work with more than 3 tabs..
See the documentation on how to add new tabs. You will have to add the relevant html code and also make adjustments to the css.
Also you could have removed the bullet points simply by using “list-style:none” for the li tags.
To get this to work in < IE9 you state that I should reference Dean Edwards’ IE9 .js like this:
<!—[if lt IE 9 ]>
jQuery is not needed. You just have to include the ie-css3-tabs.css file.
I don’t see that file included anywhere in your page. It is not being loaded and that’s why the tabs are not working in IE < 9.
If you have IE 9 on your computer you can hit F12 and then select earlier versions of IE to use as your browser. Let me know when you do and I’ll take this page down so no one can browse the directory it references. I have also tested it on an older computer that uses XP and IE8 verify.
I tried the test page both in IE9 by setting the browser mode to IE8 and in a real IE8 browser, and in both cases the tabs did not work. The ie-css3-tabs file was not loading in IE8 . I think there is something in the page that is causing problems in IE8 . My local copy of the tabs works perfectly in IE8 . I suggest that you use the unedited version of the demo files that you downloaded and try it out, i.e. don’t even change any paths.
You can of course use absolute paths, just take care to use the correct path. If you want to use relative paths then you have to figure it out based on where the css file placed in relation to the html file.
I got it all working… it was totally my mistake (I messed up your code). Thank you for all of your help. I’ve bought a couple of your other products and gave them all a 5 star rating.
Glad to hear that you sorted it all out.
Suggested to make it responsive.
I will consider you suggestion for the future.
I just purchase your product and setup the slider on my website. Now everything is working perfectly except my website background which show in grey only ? Please can you help me about this ?
Please give me a link to your page so that I can inspect the problem.
Hi that looks good,
I have just purchased it. Can you tell if it is possible to have the height of the tabs changed dynamically coorespoonding to the content ?
The thing is I would like to use it in template for ebay auctions, and so the tabs content will be filled with different stuff for each article.
i think I figured it out. The “simple” tabs will fit to my needs…
The “Simple” and “Sliding” tabs will allow to have content with dynamic height.
I’m having a little trouble figuring out how to install your plugin ‘Animated CSS3 Tabs’. I am unable to locate any documentation with instructions. Could you please tell me which folder I’m supposed to be installing?
Never mind, I figured it out. I mistakenly thought this was a wordpress plugin. I figured out it’s a CSS3 file. I think I got it from here.
I’ve just finish to setup your tabs on my website and it’s look really perfect, Actually I would like to add button on the page whare is the TABS which will open specific page on the tabs (depending of the button) P1, P2, P3 etc….
I.e, with this 3 button “advantage, feature and FAQ” I want that if I click on that button the page P1, P2 or PR3 will show
Please let me know how I can add this kind of redirection on the same page where is the Tabs??
Thanks in advance
Do you mean to say that when you load your page you want a specific tab pane to show? If that is so then you can do it by using the “Back Button Enabled” tabs and place the correct hash tag in the url. So if for example you want the tab pane with the id “second” to open then place ”#second” at the end of the page url like this – http://mypage.com#second
I tried using the 1E9.js to allow basic support for IE8 but it crashed. What exactly needs to happen so the tabs don’t overlap each other in IE8?
Please see the documentation for the files that are required by IE8 and below. This included IE9.js and CSS3 PIE. If the problem persists then provide me with a link to your page where the tabs are embedded.
I just recently purchased your tool – but when i tried to use it in my code, the last tab (3rd) is not showing anything. So I tried changing the direction of the float from left to right – in the .panes-items > div -.. and after doing so, it reversed – the 1st tab now is not showing anything.
Please contact me through the message box in my profile page and provide a link to your page so that I may inspect the problem.
I have problem with IE8. Content overlaps and tabs button not work.
Can you help me?
I need a link to your page to inspect the problem.
ok. will send to you via message.
Created 27 September 10
Last Update N / A
Do you mean to have the fade animation like in the tabs at the bottom of your sample page? If so then the CSS3 Tabs do have such an effect.
I spoke of the clone
Sorry, I don’t understand what you mean by “clone”.
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
View license details
Get it now and save up to $2
Unlimited downloads only
$29 p/m on Envato Elements
Download over 18,000 items now
Learn almost anything with
Envato Tuts+ for free
9000 free tutorials, 3000 paid courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work