LIVE PREVIEWBUY FOR $5

The Spherical & Oval Tooltips
will pop-up to place a smile in your face !

They’re superb particularly for the younger viewers ( youngsters, teenagers ), however not solely.

Websites that use spherical shapes will look even cooler with these tooltips…

Options:

  • 4 in 1 : Spherical Bubbles, Oval Bubbles, Spherical Tooltips, Oval Tooltips
  • progressive and distinctive design
  • 8 sizes
  • 8 positions
  • autopositioning plug-in ( smarTooltip )
  • 16 shade combos types
  • 6 bordered types
  • a collection of 13 cool free fonts
  • CSS3 transitions
  • Font Superior prepared
  • fashionable browsers = simply CSS3 + no pictures + no javascript
  • IE 9 = partial CSS3 + no pictures + jQuery transitions
  • IE 8 = pictures + jQuery
  • 4 LESS information included
  • minimal markup for optimum CSS
  • 4 detailed html documentation information
  • assist and updates

You possibly can put icons, hyperlinks, pictures inside these tooltips.

You possibly can put tooltips on pictures.

Use them to create stunning and playful designs.

You could have most management of how textual content appears to be like and is positioned contained in the tooltips.
The tooltip’s dimension doesn’t change routinely relying on how a lot content material you add inside it.
As an alternative, you need to use one of many 8 pre-made dimension lessons to suit your content material inside.
You can also make your individual customized dimension lessons with the LESS information.

Additionally, I DO NOT RECOMMEND them for use in a CMS. As a result of the truth that you need to manually allign the content material contained in the tooltip, they might not work nicely with dinamically generated content material.

smarTooltip

The smarTooltip is an non-obligatory jQuery plug-in that I’ve made. It’s included on this merchandise. These tooltips work completely with out javascript, however this plug-in takes them to a brand new degree !
The smarTooltipt plug-in has the next options:

  • autopositions all or solely particular tooltips in response to their short-term place on the display(browser window)
  • set place restrictions(exceptions) for every tooltip that makes use of autopositioning.
  • No must edit any javascript, Every part is finished contained in the html file. Merely add a css class and a knowledge attribute.

I actually prefer it. Test it out !

Browser compatibility:

  • Firefox 16+
  • Chrome 23+
  • Safari 5.1+
  • Opera 12.1
  • IE 10
  • IE 9 : with jQuery transitions fallback
  • IE 8 : with pictures + jQuery fallback

Copyright

PLEASE purchase an EXTENDED LICENSE if:

  • you wish to embody code from this merchandise right into a Themeforrest or Codecanyon merchandise

Credit:

  • LESS
  • jQuery
  • Icons: Font Awesome
  • Google internet fonts authors
  • Photographers from in every single place: for the images of smilling youngsters

Updates:

18 March:

  • added the smarTooltip jQuery plug-in ( see here )

13 March:

  • added fallback for IE 9: jQuery transitions
  • added fallback for IE 8 : pictures + jQuery

Feedback and ranking are a lot appreciated !

Thanks

Tudor


Source