Code

Discussion on Pure CSS3 Tabs

Discussion on Pure CSS3 Tabs

By
Cart 823 sales

voky supports this item

Supported

This author's response time can be up to 2 business days.

57 comments found.

Hello. I would like to ‘WordPress site’ to integrate this script. But it fails. There was already a who’s failed? I tried several templates, none of them were good. I see this: http://i.imgur.com/ZGWgPjx.png

I copied the ‘pcss3t.css’ file contents, and example code. I do not know what could be the problem. Is there a solution?

Thank you for your response and help!

Hello. Please, send me a direct link to your project to voky.com.ua@gmail.com and i’ll help you with this problem.

Hi,

I just purchased the CCS tabs and I’m trying to change the “Inside header font to Museo”. How can you do this in the script? I also have the script loaded from my Type-kit for my other pages.

Hello. Thanks for the purchasing. I sent answer to your question by e-mail.

I never received an email from you

Oh nevermind, I just found it in my box. Thanks

Hi,

I just purchased the CCS tabs and I’m trying to change the “Inside header font to Museo”. How can you do this in the script? I also have the script loaded from my Type-kit for my other pages.

Hello. Thanks for the purchasing. I sent answer to your question by e-mail.

Hey Voky,

Purchased this. Like it but had issues having more than 6 tabs. Noticed in your pcss3t.css file that arounds lines 69 to 85 you define a list of 10 tabs (tab-content-first, tab-content-2, tab-content-3 etc) with z-index, top, left, opacity etc. Further down (under Extensions, lines 103 to 110) you only list 6 tabs for defining the display as block, missing tabs 6 to 9. I was able to fix this up myself, but you might want to fix up the master file.

Regards,

Bruce

Thanks a lot for your comment. I already fix this issue and uploaded a new version.

Have a nice day. Best regards, Voky.

I like it, but, it seems not working at Android devices.

Any help would be appreciated – thanks!

Hello. Thanks for the purchasing. What android version you are using?

Hi, the 4.0.3 (release5a) with Tablet Sony. Thanks a lot :)

Hi voky, is it possible to put the menu tabs in the left side of the container(like a sidebar)?

Hello. Unfortunately, this version does not support side position of the tabs.

Good morning – thank you for this fantastic code! I was curious if you had the “fixes” for IE8+, to correct the display. Any help would be appreciated – thanks!

Hello. Thank for your comment. I am very glad that you like my work.

In a few days I am planning to release a new version with fallback for IE8.

Excellent!! Thanks for the quick response – have a great day.

Thanks! Have a nice day too!

Hi,

I’m looking for a menu to integrate to a website and think yours may be a fit. However, I want to confirm it can do the following: 1) I need the menu to float and stay at the bottom while the user scrolls the page content. 2) I need to have both text and images in the menu tabs.

Here’s a sample of what I need: http://www.pixelmason.com/temp/1.jpg

Can your menu do this out of the box?

If you need something like this http://voky.com.ua/4deejayspinz/ than it is no problem.

Yes, something like that. Can i set the tabs at the bottom, and also set the transparency of the content area? Dont mind digging through code.

Yes you can place tabs at the bottom. If there will be any troubles I’ll help you.

Hi,

This is great, but… it seems not working at all in Android 3.2.1 (webkit 534.13).

There’s no: - background colored menu - icon menu - no white arrow either (the one which point the selected menu)

However, it appears to be working on webkit 534.24 and over…

Any tip would be very well received :)

Hello. Unfortunately, I don’t have a device with Android 3.2.1 and there are so many versions of Android that is almost impossible to test products on all of them. I suppose that this version does not support some css properties and as a result Pure CSS3 Tabs loses some functions.

Hello, one question… how to disable the animation effect?

Hi. You just need to remove “pcss3t-effect-slide-left pcss3t-effect-slide-top” classes from the tabs container.

Hi, two questions

1. When is the IE8 support going to be added?

2. Can you set it so when you mouse over the tabs the content changes, but when you click the tab it then goes to a specific page?

Thanks

Hello.

1. I think on this week I’ll add support for IE8. 2. Yes, it can be done, but it requires changes to the HTML (replace radios with links) and CSS code.

Thanks for the reply. Do you have the changes that will be needed documented, or can you provide them?

Send me an email request when you buy this item and i’ll create this version for you.

HI, Can you keep tab style for small screen instead of accordion style?

Hello. You can easily disable this option. Just need to remove “responsive” section from css file.

Does this work at all with IE8?

Unfortunately, no. But in the near future I am planing to release an update with support for IE8.

Thanks!

Really nice job…especially as you give 6 themes…that shows going the extra mile.

I have a preview problem in firefox with the examples text in each tab extending past the right of the frame making some words unreadable.

Thanks for your comment. I fixed firefox bug.

Hi,
  • Pure CSS3 Tabs Can Work with iFrame?? Thanks

Hello. Yes, you can use iframes inside tabs content. Here is the demo http://voky.com.ua/showcase/pcss3t/examples/iframes.html

Looks pretty cool!

GLWS

Thanks a lot!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey