Shortcodes

[intense_tabs]

[intense_tab]

Description

Adds tabs to the page/post. Tabs are good for organizing a lot of content in a small amount of area. With this shortcode, you can choose where to place the tab, what colors to use for the tab, icon placement and style, and much more. The content within a tab can include other shortcodes.

To link to a specific tab, create an link with the following format #[tabs id]-[0 indexed tab number] (ex. Go to second tab). This can also be done for links to other pages.

Screenshots

tab

Dialog

tab
tab
tab
tab

Attributes

intense_tabs

AttributeTypeDialog TitleDescriptionDefaultAvailable Values
idtextIDmust be unique for the post/page
directiondropdownDirection - Top
below - Bottom
left - Left
right - Right
animationdropdownAnimationfadenone - None
cycle-down - Cycle Down
cycle-left - Cycle Left
cycle-right - Cycle Right
cycle-up - Cycle Up
fade - Fade
slide-flip - Flip
scale - Scale
scale-up - Scale Up
slide-down - Slide Down
slide-left - Slide Left
slide-right - Slide Right
slide-up - Slide Up
active_tab_background_colorcolor_advancedActive Tab Background Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
active_tab_font_colorcolor_advancedActive Tab Font Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
rtlhiddenright-to-left

intense_tab

AttributeTypeDialog TitleDescriptionDefaultAvailable Values
iddeprecated
titletextTitleTab
activecheckboxActive1 = true, 0 = false
border_colorcolor_advancedBorder Colorboxedoption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
linktextLink
link_targetlink_targetLink Target_self_blank, _self, _parent, _top
background_colorcolor_advancedTab Background Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
font_colorcolor_advancedTab Font Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
content_background_colorcolor_advancedContent Background Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
content_font_colorcolor_advancedContent Font Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
icon_typeiconIconsee icon list in icon shortcode documentation
icon_colorcolor_advancedColoroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
icon_stack_typeiconStack Iconsee icon list in icon shortcode documentation
icon_stack_colorcolor_advancedStack Icon Coloroption colors - primary, error, info, inverse, muted, success, warning, link

web color - hex, rgb, rgba, hsl, hsla, color name (see wikipedia web colors)
icon_sizedropdownIcon Size11 - 1
2 - 2
3 - 3
4 - 4
5 - 5
custom_iconimageCustom IconWordPress ID or any URL
icon_positiondropdownPositionleftleft - Left
right - Right
icon_spincheckboxSpin1 = true, 0 = false
icon_rotatedropdownRotate -
90 - 90 degrees
180 - 180 degrees
270 - 270 degrees
icon_flipdropdownFlip -
horizontal - Horizontal
vertical - Vertical

Examples

[intense_row]
[intense_column size="6"]
[intense_tabs]
[intense_tab title="Tab 1" active="1" border_color="error" font_color="error" icon_type="heart" icon_color="error"]
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in. Sed elit felis, malesuada ac bibendum at, vehicula vitae mi. Ut pharetra turpis ut purus vehicula porta. Ut vehicula sollicitudin laoreet. Cras vulputate, sapien a rutrum condimentum, nisl metus semper elit, at sollicitudin arcu urna nec elit. Cras eget odio leo, et sollicitudin lectus. Donec nibh mauris, rutrum eu dapibus ullamcorper, faucibus et ante.
[/intense_tab]
[intense_tab title="Tab 2" border_color="warning" icon_type="group"]
Nullam nec risus ac arcu gravida sagittis. Phasellus aliquam est sed tortor mattis in rutrum arcu aliquet. Nunc rhoncus diam vitae nulla dapibus dignissim. In iaculis, purus id porta consectetur, odio augue pulvinar risus, in ultricies mi quam quis tellus. Cras dignissim mattis pulvinar. Curabitur ac sem eu nulla aliquam rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus cursus semper odio id ultrices. Fusce ornare dolor non risus bibendum suscipit. Vivamus nulla diam, gravida eget ultrices nec, rhoncus vitae velit. Proin tincidunt leo eu felis ultricies faucibus. Vestibulum tincidunt, sapien nec pellentesque elementum.
[/intense_tab]
[intense_tab title="Tab 3" border_color="success" icon_type="tags"]
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in. Sed elit felis, malesuada ac bibendum at, vehicula vitae mi. Ut pharetra turpis ut purus vehicula porta. Ut vehicula sollicitudin laoreet. Cras vulputate, sapien a rutrum condimentum, nisl metus semper elit, at sollicitudin arcu urna nec elit. Cras eget odio leo, et sollicitudin lectus. Donec nibh mauris, rutrum eu dapibus ullamcorper, faucibus et ante.
[/intense_tab]
[intense_tab title="Buy Now" border_color="primary" link="http://themeforest.net/user/IntenseVisions" background_color="primary" font_color="#ffffff" icon_type="exclamation" icon_color="#ffffff" icon_position="right"]
[/intense_tab]
[/intense_tabs]
[/intense_column]
[intense_column size="6"]
[intense_tabs direction="below"]
[intense_tab title="Tab 1" active="1" border_color="error" font_color="error" icon_type="heart" icon_color="error"]
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in. Sed elit felis, malesuada ac bibendum at, vehicula vitae mi. Ut pharetra turpis ut purus vehicula porta. Ut vehicula sollicitudin laoreet. Cras vulputate, sapien a rutrum condimentum, nisl metus semper elit, at sollicitudin arcu urna nec elit. Cras eget odio leo, et sollicitudin lectus. Donec nibh mauris, rutrum eu dapibus ullamcorper, faucibus et ante.
[/intense_tab]
[intense_tab title="Tab 2" border_color="warning" icon_type="group"]
Nullam nec risus ac arcu gravida sagittis. Phasellus aliquam est sed tortor mattis in rutrum arcu aliquet. Nunc rhoncus diam vitae nulla dapibus dignissim. In iaculis, purus id porta consectetur, odio augue pulvinar risus, in ultricies mi quam quis tellus. Cras dignissim mattis pulvinar. Curabitur ac sem eu nulla aliquam rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus cursus semper odio id ultrices. Fusce ornare dolor non risus bibendum suscipit. Vivamus nulla diam, gravida eget ultrices nec, rhoncus vitae velit. Proin tincidunt leo eu felis ultricies faucibus. Vestibulum tincidunt, sapien nec pellentesque elementum.
[/intense_tab]
[intense_tab title="Tab 3" border_color="success" icon_type="tags"]
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in. Sed elit felis, malesuada ac bibendum at, vehicula vitae mi. Ut pharetra turpis ut purus vehicula porta. Ut vehicula sollicitudin laoreet. Cras vulputate, sapien a rutrum condimentum, nisl metus semper elit, at sollicitudin arcu urna nec elit. Cras eget odio leo, et sollicitudin lectus. Donec nibh mauris, rutrum eu dapibus ullamcorper, faucibus et ante.
[/intense_tab]
[intense_tab title="Buy Now" border_color="primary" link="http://themeforest.net/user/IntenseVisions" background_color="primary" font_color="#ffffff" icon_type="exclamation" icon_color="#ffffff" icon_position="right"]
[/intense_tab]
[/intense_tabs]
[/intense_column]
[/intense_row]

[intense_row]
[intense_column size="6"]
[intense_tabs direction="left"]
[intense_tab title="Tab 1" active="1" border_color="error" font_color="error" icon_type="heart" icon_color="error"]
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in. Sed elit felis, malesuada ac bibendum at, vehicula vitae mi. Ut pharetra turpis ut purus vehicula porta. Ut vehicula sollicitudin laoreet. Cras vulputate, sapien a rutrum condimentum, nisl metus semper elit, at sollicitudin arcu urna nec elit. Cras eget odio leo, et sollicitudin lectus. Donec nibh mauris, rutrum eu dapibus ullamcorper, faucibus et ante.
[/intense_tab]
[intense_tab title="Tab 2" border_color="warning" icon_type="group"]
Nullam nec risus ac arcu gravida sagittis. Phasellus aliquam est sed tortor mattis in rutrum arcu aliquet. Nunc rhoncus diam vitae nulla dapibus dignissim. In iaculis, purus id porta consectetur, odio augue pulvinar risus, in ultricies mi quam quis tellus. Cras dignissim mattis pulvinar. Curabitur ac sem eu nulla aliquam rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus cursus semper odio id ultrices. Fusce ornare dolor non risus bibendum suscipit. Vivamus nulla diam, gravida eget ultrices nec, rhoncus vitae velit. Proin tincidunt leo eu felis ultricies faucibus. Vestibulum tincidunt, sapien nec pellentesque elementum.
[/intense_tab]
[intense_tab title="Tab 3" border_color="success" icon_type="tags"]
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in. Sed elit felis, malesuada ac bibendum at, vehicula vitae mi. Ut pharetra turpis ut purus vehicula porta. Ut vehicula sollicitudin laoreet. Cras vulputate, sapien a rutrum condimentum, nisl metus semper elit, at sollicitudin arcu urna nec elit. Cras eget odio leo, et sollicitudin lectus. Donec nibh mauris, rutrum eu dapibus ullamcorper, faucibus et ante.
[/intense_tab]
[intense_tab title="Buy Now" border_color="primary" link="http://themeforest.net/user/IntenseVisions" background_color="primary" font_color="#ffffff" icon_type="exclamation" icon_color="#ffffff" icon_position="right"]
[/intense_tab]
[/intense_tabs]
[/intense_column]
[intense_column size="6"]
[intense_tabs direction="right"]
[intense_tab title="Tab 1" active="1" border_color="error" font_color="error" icon_type="heart" icon_color="error"]
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in. Sed elit felis, malesuada ac bibendum at, vehicula vitae mi. Ut pharetra turpis ut purus vehicula porta. Ut vehicula sollicitudin laoreet. Cras vulputate, sapien a rutrum condimentum, nisl metus semper elit, at sollicitudin arcu urna nec elit. Cras eget odio leo, et sollicitudin lectus. Donec nibh mauris, rutrum eu dapibus ullamcorper, faucibus et ante.
[/intense_tab]
[intense_tab title="Tab 2" border_color="warning" icon_type="group"]
Nullam nec risus ac arcu gravida sagittis. Phasellus aliquam est sed tortor mattis in rutrum arcu aliquet. Nunc rhoncus diam vitae nulla dapibus dignissim. In iaculis, purus id porta consectetur, odio augue pulvinar risus, in ultricies mi quam quis tellus. Cras dignissim mattis pulvinar. Curabitur ac sem eu nulla aliquam rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus cursus semper odio id ultrices. Fusce ornare dolor non risus bibendum suscipit. Vivamus nulla diam, gravida eget ultrices nec, rhoncus vitae velit. Proin tincidunt leo eu felis ultricies faucibus. Vestibulum tincidunt, sapien nec pellentesque elementum.
[/intense_tab]
[intense_tab title="Tab 3" border_color="success" icon_type="tags"]
Maecenas fermentum tincidunt turpis sit amet varius. Proin tristique aliquet pulvinar. Suspendisse potenti. Nam aliquam nulla at nulla hendrerit luctus. Curabitur nisl ligula, malesuada in tincidunt ut, ultrices non tellus. Mauris venenatis, nulla sit amet ullamcorper suscipit, tellus dolor scelerisque ipsum, mattis blandit purus est sed velit. Nulla tincidunt sodales est, non vulputate sem pellentesque in. Sed elit felis, malesuada ac bibendum at, vehicula vitae mi. Ut pharetra turpis ut purus vehicula porta. Ut vehicula sollicitudin laoreet. Cras vulputate, sapien a rutrum condimentum, nisl metus semper elit, at sollicitudin arcu urna nec elit. Cras eget odio leo, et sollicitudin lectus. Donec nibh mauris, rutrum eu dapibus ullamcorper, faucibus et ante.
[/intense_tab]
[intense_tab title="Buy Now" border_color="primary" link="http://themeforest.net/user/IntenseVisions" background_color="primary" font_color="#ffffff" icon_type="exclamation" icon_color="#ffffff" icon_position="right"]
[/intense_tab]
[/intense_tabs]
[/intense_column]
[/intense_row]