Dottoro Theme Documentation

Tutorial to get your theme to work

PrologueFirst StepsFront PageCreating a custom front pageBlog, News and Portfolio post typesPost Type specific settingsGeneral settingsSingle post settingsCategory / Tag / Date archive page settingsPermalink settingsOptions on single post pagesGeneral page optionsImage optionsGallery settingsPage Templates and PagesPage SettingsPage TemplatesPages created from page templatesGeneral page settingsGallery settingsBlog page settingsNews page settingsPortfolio and Imagefolio page settingsContact page settingsArchives page settingsAuthors page settingsBoomarks page settingsSitemap page settingsSpecial pagesCategory and tag page settingsArchive and date page settingsSearch page settingsAuthor page settings404 page settingsHeader and MenuSubheadersSubheader specific shortcodesPredefined SubheadersCreating SubheadersAssigning subheaders to pagesFooterWidgets in the FooterCopyright and other notices in the FooterSidebarWidgets on the SidebarWidth and alignment of the sidebarWidget AreasWidgetsBreadcrumbShortcodesShortcodes In Alphabetical OrderShortcodes By CategoriesNested ShortcodesPost TemplatesOverlaysMedia and External MediaOverview of galleries, gallery listings and slideshowsGalleries and Gallery ListingsAbout Galleries In GeneralCreating And Managing Galleries[gallery_list] shortcodeSlideshows and Popup SlideshowsSlideshowsPopup SlideshowsSlideshow SettingsMost Often Used Slideshow OptionsAll Slideshow OptionsSlideshow Templates - Slideshow Specific ShortcodesStyling Guide For SlideshowsStyling Of Slideshow and Post TemplatesSlidesPopupsSelectorsWeb FontsGeneral Theme SettingsUser RolesExport / Import SettingsCreating theme designsLocalizationHeadingsChild ThemesCSS ClassesResponsive DesignCSS Extension JavaScript ToolkitJavaScript LibraryAction HooksFilter HooksCompatibility Issues
<

Tabset

[tabset], [tab_labels], [tab_label], [tab_contents], [tab_content]

With these shortcodes you can display tabbed contents.

Tip: If you put YouTube videos into tab pages, add "enablejsapi=1" to the URL. It will result that the videos will be stopped when changing tabs.

Sample embed code:
<iframe width="560" height="315" src="http://www.youtube.com/embed/jQ8OhYLHJfY?enablejsapi=1" frameborder="0" allowfullscreen></iframe>
The following attributes are supported by the [tabset] shortcode.
autoplay Automatic tab switch (true | false). Default is false.
autoplay_delay The delay between tab changes, in milliseconds. Default is 5000.
content_width The width of the contents (see width property in CSS).
height The height of the contents (see width property in CSS).
skin Skin of the shortcode (available skins). Skins are different color schemes that provide attractive appearance.
tab_align The alignemnts of tabs (justify | left | left_and_gaps | justify_and_gaps).
type The orientation of the tab (horizontal or vertical).
anim_duration The duration of the animation when changing tabs, in milliseconds.
anim_type The animation when changing tabs.
  • Clip
    • clip_ltr - Left To Right
    • clip_rtl - Right To Left
    • clip_ttb - Top To Bottom
    • clip_btt - Bottom To Top
  • Fade
    • fadeinout - Fade In Out
  • Flip
    • flip_ltr - Left To Right
    • flip_rtl - Right To Left
  • Flip-Rotate
    • fliprotate_ltr - Left To Right
    • fliprotate_rtl - Right To Left
  • Grow
    • grow_ltr - Left To Right
    • grow_rtl - Right To Left
    • grow_ttb - Top To Bottom
    • grow_btt - Bottom To Top
  • Move In
    • movein_ltr - Left To Right
    • movein_rtl - Right To Left
    • movein_ttb - Top To Bottom
    • movein_btt - Bottom To Top
  • Move Out
    • moveout_ltr - Left To Right
    • moveout_rtl - Right To Left
    • moveout_ttb - Top To Bottom
    • moveout_btt - Bottom To Top
  • Move In Out
    • moveinout_ltr - Left To Right
    • moveinout_rtl - Right To Left
    • moveinout_ttb - Top To Bottom
    • moveinout_btt - Bottom To Top
fadeie8 Set whether fading animation is allowed in old Internet Explorer versions (8 and before). The fading effect doesn't work for positioned elements in tab content in old IE browsers. If this options is disabled, clip animations will be used as a fallback.
wait_media_load Select whether tab changes should wait for media to be loaded or not (true [ false). Default is false.

Live example