Horizontal tabs

How to use

  1. Switch to visual editor
  2. Push on icon “Add horizontal tabs”
    shortcodes-htabs
  3. Edit each tabs headlines title=”Title 1″
  4. Put content inside [fruitful_tab] [/fruitful_tab]
  5. Add or remove additional attributes

Attributes

  • id = “”
  • type = “default, vertical, accordion”
  • width = “100%”
  • fit = “true, false”
  • tabcolor=”#ff0000″

Type

  • Title 1
  • Title 2
  • Title 3
Tab 1 content place
Tab 2 content place
Tab 3 content place
[fruitful_tabs type="default" width="100%" fit="false"]
[fruitful_tab title="Title 1"] Tab 1 content place [/fruitful_tab]
[fruitful_tab title="Title 2"] Tab 2 content place [/fruitful_tab]
[fruitful_tab title="Title 3"] Tab 3 content place [/fruitful_tab]
[/fruitful_tabs]

Width

  • Title 1
  • Title 2
  • Title 3
Tab 1 content place
Tab 2 content place
Tab 3 content place
[fruitful_tabs type="default" width="500px" fit="false"]
[fruitful_tab title="Title 1"] Tab 1 content place [/fruitful_tab]
[fruitful_tab title="Title 2"] Tab 2 content place [/fruitful_tab]
[fruitful_tab title="Title 3"] Tab 3 content place [/fruitful_tab]
[/fruitful_tabs]

Fit

  • Title 1
  • Title 2
  • Title 3
Tab 1 content place
Tab 2 content place
Tab 3 content place
[fruitful_tabs fit="true"]
[fruitful_tab title="Title 1"] Tab 1 content place [/fruitful_tab]
[fruitful_tab title="Title 2"] Tab 2 content place [/fruitful_tab]
[fruitful_tab title="Title 3"] Tab 3 content place [/fruitful_tab]
[/fruitful_tabs]

Tabcolor

  • Title 1
  • Title 2
  • Title 3
Tab 1 content place
Tab 2 content place
Tab 3 content place
[fruitful_tabs fit="true" tabcolor="#ff0000"]
[fruitful_tab title="Title 1"] Tab 1 content place [/fruitful_tab]
[fruitful_tab title="Title 2"] Tab 2 content place [/fruitful_tab]
[fruitful_tab title="Title 3"] Tab 3 content place [/fruitful_tab]
[/fruitful_tabs]