Bookmark with:
This plugin using a very easily notation. To apply the tabs to your content use the notation bellow. Please remember, your "tabs" must be separated with "||||" (four "|"). And the names of tabs must be separeted from the text inside the tabs with "::" (two colons).
Default notation:
Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
Lorem ipsum dolor sit amet consectetuer nec eu magna consequat volutpat. Ut porttitor purus hendrerit nibh id sit id ultrices eu netus. Et eros cursus Sed sit adipiscing Vivamus ut magna Nulla nibh.
The default settings in plugin configuration can be overwritten by the settings specified by each tabs. Please write the following attributes to the "
- " attribute. The allowed settings: id. Adds custom ID for more tabs in one article. Function available from version 1.0.3 and enable possibility to link to a specific tab via URL. The allowed characters are 0-9, a-z, A-Z. tabid = my_tab (for example) style. One of predefined styles. style = lightblue_rounded style = darkblue_rounded style = blue_square style = brown_rounded style = black_rounded style = pink_rounded style = simplegold_rounded style = orange_rounded style = snowed_rounded style = wave_rounded style = darkred_square mode. Mode to tab preview. mode = slide mode = fade mode = both tabwidth. Tab width. Enable to write custom width for the tab. The allowed units are px, % and em. tabwidth = 300px tabwidth = 10em tabwidth = 80% boxwidth. Box width. The allowed units are px, % and em. boxwidth = 300px boxwidth = 10em width = 80% boxheight. Box height. The allowed units are px, % and em. boxheight = 200px boxheight = 5em boxheight = 80% margin. Box margin. The align for your tab box. Cool to align to center - "0 auto". This setting is related to CSS margin attribute. The allowed units are px, % and em. margin = 0 auto -> align to center (it depends on your template too) margin = 10px 20px 30px 40px margin = 5em margin = 80% tabalign. Tab align. The postition for your tabs (to left or to right side). tabalign = left tabalign = right offset. Tab offset offset of first tab from edge. The allowed units are px, % and em. offset = 10px offset = 2em offset = 5% spacebetween. Tab space between tabs. The align for your tabs (to left or to right side) The allowed units are px, % and em. spacebetween = 5px spacebetween = 1em spacebetween = 10% select. Tab select. The number of selected tabs. select = 1 -> the first tab was marked as active, by default. select = 2 -> the second tab was marked as active. select = 3 select = ... rotate. Tab rotate. The function to rotate the tabs (in milliseconds). The zero ("0") disable this function. rotate = 0 - > disable this function, by default rotate = 2000 rotate = 3500 event. Tab event. Define event to switch tabs. event = click event = mouseover Page 2 of 2 Examples Custom ID: {magictabs id=first_tab}Tabs 01
- Tabs 02
The first text
Text second text
Style:
Mode:
Tab width:
Width and height:
Margin:
Tab align:
Offset:
Spacebetween:
Select:
Rotate:
Combination:
