Downloadable Content for SWS CSS Tooltip add-on for Styles with Shortcodes
On this page we are using the new FREE SWS CSS Tooltip (Selector) Shortcode, which allows you to create tooltips and apply them to a CSS selector. This makes it possible to show Tooltips in areas you normally don’t have access to unless you edit directly in the template source code. You can choose between 35 different colors for the tooltip. You can set the width, placement and font size. In order to download this Shortcode you need to have both the Styles with Shortcodes and SWS CSS Tooltip plugin.
- Move the cursor over the site description (Find What You are Looking for Right Here!)
- Move the cursor over the search field in the upper right corner.
- Move the cursor over the “Select Language” widget title in the sidebar below.
- Move the cursor over the black background in the menu
- Move the cursor over “Proudly Powered by WordPress” in the bottom.
- Move the cursor over the image below.
This is a really cool tooltip that is triggered by a CSS Class on an image.
This is a tooltip that appears when you move the cursor over website description (Find What You are Looking for Right Here!)
This is a tooltip that appears when you move the cursor over the search field upper right corner
This is a tooltip that appears when you move the cursor over the widget title.
This is a tooltip that appears when you move the cursor over black backgrund on the menu above.
This is a tooltip that appears when you move the cursor over Proudly powered by WordPress.
Take a look at the Shortcodes
[sws_css_tooltip_sel position="left" colorscheme="redbrick" width="300" url="javascript:void(0);" trigger="#site-description" fontSize="13"]This is a tooltip that appears when you move the cursor over website description (Find What You are Looking for Right Here!) [/sws_css_tooltip_sel]
[sws_css_tooltip_sel position="right" colorscheme="redbrick" width="400" url="javascript:void(0);" trigger="input#s" fontSize="13"]This is a tooltip that appears when you move the cursor over the search field upper right corner[/sws_css_tooltip_sel]
[sws_css_tooltip_sel position="left" colorscheme="royalpurple" width="350" url="javascript:void(0);" trigger="h3.widget-title" fontSize="15"]This is a tooltip that appears when you move the cursor over the widget title.[/sws_css_tooltip_sel]
[sws_css_tooltip_sel position="left" colorscheme="applegreen" width="350" url="javascript:void(0);" trigger="#access" fontSize="14"]This is a tooltip that appears when you move the cursor over black backgrund on the menu above. [/sws_css_tooltip_sel]
[sws_css_tooltip_sel position="center" colorscheme="silver" width="300" url="javascript:void(0);" trigger="#site-generator" fontSize="15"]This is a tooltip that appears when you move the cursor over Proudly powered by WordPress. [/sws_css_tooltip_sel]
[sws_css_tooltip_sel position="center" colorscheme="manatee" width="275" url="javascript:void(0);" trigger=".alignnone.size-thumbnail.wp-image-17000" fontSize="14"]This is a really cool tooltip that is triggered by a CSS Class on an image. [/sws_css_tooltip_sel]
