Elements – Acorelis Communication

[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://cluster007.ovh.net/~acorelistt/wp-content/uploads/2013/01/11-290×207.jpg » full= »http://cluster007.ovh.net/~acorelistt/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://cluster007.ovh.net/~acorelistt/wp-content/uploads/2013/01/12-290×207.jpg » full= »http://cluster007.ovh.net/~acorelistt/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://cluster007.ovh.net/~acorelistt/wp-content/uploads/2013/01/13-290×207.jpg » full= »http://cluster007.ovh.net/~acorelistt/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]