Tipsy

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(Created page with '{{#ev:vimeo|14868041|400|right}} '''Series:''' DisplayBuddy ==Description== The Tipsy plugin adds the ability to create tooltips for placement in posts or pages. Tooltips a...')
 
 
(28 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{{#ev:vimeo|14868041|400|right}}
+
__NOTOC__
'''Series:''' [[DisplayBuddy]]
+
 
 +
[[File:Tipsy300.png|Tipsy300.png|300px|link=|right]]
  
==Description==
 
 
The Tipsy plugin adds the ability to create tooltips for placement in posts or pages.  Tooltips are displayed when hovering or clicking on specified content.  This allows you to provide additional information to visitors.
 
The Tipsy plugin adds the ability to create tooltips for placement in posts or pages.  Tooltips are displayed when hovering or clicking on specified content.  This allows you to provide additional information to visitors.
  
==Groups==
+
Tipsy is available as a [http://ithemes.com/purchase/tipsy/ stand-alone plugin] or as part of the [http://ithemes.com/purchase/displaybuddy/ DisplayBuddy series]. [http://demos.ithemes.com/tipsy/ See a demo here] or [http://trials.ithemes.com/tipsy/ try it out in WordPress live!]
The first step in adding Tipsy tooltips to your site is to create a group in the Tipsy settings. Tipsy allows you to create multiple groups with unique settings, styles, and even default tip content.
+
 
+
 
+
==Displaying on your site==
+
To add a Tooltip you will need to first be editing a page or post.  Highlight the text/content that you would like to be hovered or clicked to display the tooltip. Then click the Tipsy icon in the WYSIWYG editor. Select the Tipsy group you would like to use and provide the test/content you would like to display within the Tipsy tip. This can be test or other HTML elements, even video.
+
  
==Shortcode parameters==
+
<br />
  
(EXAMPLE SHORTCODE AND PARAMETERS HERE)
+
{{#ev:vimeo|30376241|400|right}}
  
==Group Settings==
+
<div class="exchange-home-list">
The settings section will allow you to easily customize each group to fit your site's needs.
+
==Tipsy Basics== __NOEDITSECTION__
 +
*[[Tipsy_Groups|Groups]]
 +
**[[Tipsy_Group_Settings|Group Settings]]
 +
*[[Tipsy_Feature_Overview|Feature Overview]]
 +
*[[Displaying_Tipsy_on_Your_Site|Displaying Tipsy on Your Site]]
 +
*[[Displaying_Videos_Inside_Tipsy_Shortcode|Displaying Videos Inside Tipsy Shortcode]]
 +
*[[Displaying_Images_Inside_Tipsy_Shortcode|Displaying Images Inside Tipsy Shortcode]]
 +
*[[Displaying_iFrames_Inside_Tipsy_Shortcode|Displaying iFrames Inside Tipsy Shortcode]]
 +
</div>
  
(SETTINGS GO HERE)
+
<div class="exchange-home-list">
 +
==Tipsy Advanced== __NOEDITSECTION__
 +
*[[Special_Characters|Special Characters]]
 +
*[[New_Lines|New Lines]]
 +
*[[HTML_Code|HTML Code]]
 +
*[[Template_Tags|Template Tags]]
 +
*[[Displaying_Images_Inside_Tipsy_Shortcode|Displaying Images Inside Tipsy Shortcode]]
 +
*[[Displaying_iFrames_Inside_Tipsy_Shortcode|Displaying iFrames Inside Tipsy Shortcode]]
 +
</div>
  
 +
<div class="exchange-home-list">
 +
==Customize Tipsy== __NOEDITSECTION__
 +
*[http://ithemes.com/codex/page/Extra_Customizations Official policy and details on any Extra Customizations]
 +
*[[Edit_and/or_Create_More_Layouts|Edit and/or Create More Layouts]]
 +
*[[Change_Color_of_the_Arrow_in_Default_Layout|Change Color of the Arrow in Default Layout]]
 +
*[[Change_Position_of_the_Tipsy_Box|Change Position of the Tipsy Box]]
 +
</div>
  
==Additional Resources==
+
<div class="exchange-home-list">
# [http://pluginbuddy.com/free-wordpress-plugins/ Free Plugins by PluginBuddy]
+
==Additional Resources== __NOEDITSECTION__
# [http://pluginbuddy.com/tutorials/ PluginBuddy Tutorials]
+
*[http://ithemes.com/purchase/backupbuddy/ Purchase BackupBuddy]
# [http://pluginbuddy.com/ PluginBuddy.com]
+
*[http://ithemes.com/tutorials/ iThemes Tutorials]
# [http://pluginbuddy.com/support/ Support Forums]
+
*[http://ithemes.com/ iThemes.com]
 +
*[http://ithemes.com/forum/ Support Forums]
 +
</div>
  
[[Category:PluginBuddy]]
+
<br />
 +
[[:Plugins|← Back to Plugin Codex Home]]

Latest revision as of 15:30, July 19, 2013


Tipsy300.png

The Tipsy plugin adds the ability to create tooltips for placement in posts or pages. Tooltips are displayed when hovering or clicking on specified content. This allows you to provide additional information to visitors.

Tipsy is available as a stand-alone plugin or as part of the DisplayBuddy series. See a demo here or try it out in WordPress live!




← Back to Plugin Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox