This is one of the great jQuery tabs plugin’s word press version.
skinableTabs is an unobtrusive jQuery plugin allowing you to organize your content in attractively skinned tabs. You can use skinableTabs with multiple positions, skins and transition effects. You can customize the look and feel of any skin in a dedicated CSS file.
The current version is 1.3 Please update your old version.Lot of change done in 1.3 version.
Up Coming features :
- Option to change the width of the tab via short code.
- Option to change the color and font of the tab contained.
- Option to change the tab header color , font icon demo
- Option to customize your tab according to your design.
Features :1. Add short code from the tinymce editor with all the option. 2. Auto load the css and jquery file. 3. Optimized code. 4. Nice effect. If you want to see the variation of tab you can view from Live Demo
ImplementationThis word press implementation is easy you , can out this short code in your post
Please checked the ui load from settings menu ,if your theme do not load jquery ui by default.
[smart-skinable-tabs tabs_name ="tabs_header-1" skin="skin2" position="left" effect="hide_and_seek"] [tab title="Tab 1"]Tab 1 content goes here.[/tab] [tab title="Tab 2"]Tab 2 content goes heretabs_name ="tabs_header-1".[/tab] [tab title="Tab 3"]Tab 3 content goes here.[/tab] [/smart-skinable-tabs]
If you want to use multiple tabs in a single page or post , you must have to use a tabs_name and each tab name must be uniqueYou have not need to write with out tiny mce editor plugin you can select different types of combination.
Thank You for fixing it sooo quickly!! Everything works.. even the Quform plugin! ... Great Work! great price! very usefull! .. excellent support!! Cheers!
IF you face any difficulties please inform me by mail from my dashboard.
- 1. add option to setting menu to mane the load of jquery and jquery UI 2. Fix bug of tiny mce editor conflict.
- 1. As some theme conflict the jquery code of the plugin so solve that issue.
- 1. Change the code structure and optimized code.
- 2.Multiple tabs can be added with different option in a single page or post.
- Change short code[smart-skinable-Tabs] to [smart-skinable-tabs] please correct thist