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
<

Tooltip

[tooltip]

Creates a tooltip.
There are two shortcodes that can be nested into the tooltip shortcode, the tooltip_over and tooltip_content shortcodes. The tooltip will appear over the content of the tooltip_over shortcode displaying the content of the tooltip_content shortcode.
Example:

[tooltip]
    [tooltip_over]Move the mouse over this text.[/tooltip_over]
    [tooltip_content]This is a tooltip.[/tooltip_content]
[/tooltip]

The tooltip_content and tooltip_over shortcodes have no attributes.
The following attributes are supported by the tooltip shortcode:

Attributes:
delayhide The amount of time in milliseconds that the tooltip should remain visible before it hides. The value of 0 means that there is no time limit.
delayshow The amount of time in milliseconds after the tooltip will be visible. The value of 0 means that there is no time limit.
direction The default direction of the tooltip (up, down, left, right).
frameclass Space separated list of CSS classes to add to the wrapper element of the tooltip. You can use this option to apply individual styles to the tooltip.
hideonmouseout Set to true if you want to hide the tooltip on mouseout (true, false). Default is true.
hideontipmouseout Set to true if you want to hide the tooltip when the mouse pointer moves out of it (true, false). Default is true.
keepvisibleovertip Set to true if you want to keep visible the tooltip while the mouse pointer is over it (true, false). Default is true.
offsetvertical Specifies the vertical distance between the element and the tooltip, in pixels.
offsethorizontal Specifies the horizontal distance between the element and the tooltip, in pixels.
timelimit Specifies the amount of time, in milliseconds, the tooltip remains visible. Zero means there is no time limit. Default is 5000.

Live example