[row]

[one_half]

Alerts

[alert ]This is a standard alert.[/alert]

[alert type=”success”]This is a success alert.[/alert]

[alert type=”alert”]This is an alert.[/alert]

[alert type=”secondary”]This is a secondary alert.[/alert]

How?

[alert type=”secondary”]This is a secondary alert.[/alert]

[/one_half]

[one_half]

Tooltips

Can be used on any element but will not work on mobile links.

[tooltip text=”tip-bottom” position=”tip-bottom”]Bottom and default position[/tooltip] [tooltip text=”tip-top” position=”tip-top”]Top position[/tooltip] [tooltip text=”tip-left” position=”tip-left”]Left position[/tooltip] [tooltip text=”tip-right” position=”tip-right”]Right position[/tooltip]

Tipsy tooltips

Use on any elements (images, links, divs etc). Available on mobile devices with double state on link. First tap will open the link / Second tap will open the link.

Nice Tooltip
[/one_half]

[/row]
[row]

Panels

[one_half][panel title=”This is a regular panel.” ]Content goes here…[/panel][/one_half]
[one_half][panel type=”callout radius” title=”This is a callout panel.” ]Content goes here…[/panel][/one_half]
[/row]
[row]

How?

[panel type=”callout radius” title=”This is a callout panel.”]Content goes here…[/panel]

[/row]

[row]
[one_whole]

Progress Bars

[progressbar meter=”20″ class=”six” /]

[progressbar type=”success” meter=”40″ class=”eight” /]

[progressbar type=”alert” meter=”60″ shape=”round ” class=”ten” /]

[progressbar type=”secondary ” meter=”80″ /]

How?

[progressbar type=”alert” meter=”60″ shape=”round ” class=”ten” /]

[/one_whole]
[/row]

[row]

Image in lightbox

[one_third]
[lightbox thumb=”http://touchm.weblusive.com/wp-content/uploads/2013/01/11-290×207.jpg” full=”http://touchm.weblusive.com/wp-content/uploads/2013/01/11.jpg” title=”Yellow World”]Any content can go here, including shortcodes[/lightbox]
[/one_third]
[one_third]
[lightbox thumb=”http://touchm.weblusive.com/wp-content/uploads/2013/01/12-290×207.jpg” full=”http://touchm.weblusive.com/wp-content/uploads/2013/01/12.jpg” title=”Yellow World”]Any content can go here, including shortcodes[/lightbox]
[/one_third]
[one_third]
[lightbox thumb=”http://touchm.weblusive.com/wp-content/uploads/2013/01/13-290×207.jpg” full=”http://touchm.weblusive.com/wp-content/uploads/2013/01/13.jpg” title=”Yellow World”]Any content can go here, including shortcodes[/lightbox]
[/one_third]
[/row]
[row]
[one_whole]

How?

[lightbox thumb=”http://somepath.com/thumb.jpg” full=”http://somepath.com/full.jpg” title=”Yellow Weirdness”;]Any content can go here[/lightbox]

[/one_whole]
[/row]