Basic Shortcodes

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

[raw][dropcap]D[/dropcap][/raw]ropcap pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Information Boxes

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.
[col2]

This is a success message.

[success]Congrats this is the success message [/success]

This is an error message.

[error]Darn, this is an error [/error]

[/col2]

[col2last]

This is a Warning.

[warning]You do as I say..or [/warning]

This is an inbo message

[info]This is some custom info [/info]

[/col2last]

[clear /]

[divider type=”shadow” size=”small” /]

Blockquotes

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.

[quote align=”left”]Donec nec enim ante. Proin sed lectus eu est bibendum placerat et ut ipsum. Etiam id lacus urna. In dictum cursus gravida.[/quote]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

[quote align=”right”]Donec nec enim ante. Proin sed lectus eu est bibendum placerat et ut ipsum. Etiam id lacus urna. In dictum cursus gravida.[/quote]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.

[divider type=”shadow” size=”small” /]

Buttons

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

[btn color=”green” linkto=”#”]Button[/btn]

[btn color=”red” linkto=”#”]Button[/btn]

[btn color=”blue” linkto=”#”]Button[/btn]

[btn color=”light” linkto=”#”]Button[/btn]

[btn color=”dark” linkto=”#”]Button[/btn]

[clear /]

[divider type=”shadow” size=”small” /]

Dividers

This is a blank divider.

[divider type=”blank” /]

This is a dotted divider

[divider type=”dotted” /]

This is a small shadow divider.

[divider type=”shadow” size=”small” /]

Text Highlight and Tooltip

[highlight color=”yellow”]Pellentesque habitant morbi tristique[/highlight] senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. [highlight color=”green”]Donec eu libero sit[/highlight] amet quam egestas semper. [highlight color=”grey”]Aenean ultricies[/highlight] mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. [highlight color=”black”]Vestibulum erat wisi, condimentum sed[/highlight], commodo vitae, ornare sit amet, wisi.

[tooltip value=”This is the tooltip”]Hover here to see a tooltip effect. You can wrap this tooltip to almost any content.[/tooltip]

[divider type=”shadow” size=”small” /]

Lists Styling

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam.
  • Phasellus ultrices nulla quis nibh. Quisque a lectus.

That was an ordinary list. Here is a custom styled list that uses a shortcode:

[list type=”arrow”]

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam.
  • Phasellus ultrices nulla quis nibh. Quisque a lectus.

[/list]

And another one is:

[list type=”check”]

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam.
  • Phasellus ultrices nulla quis nibh. Quisque a lectus.

[/list]

And yet another list style:

[list type=”arrow2″]

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam.
  • Phasellus ultrices nulla quis nibh. Quisque a lectus.

[/list]

Leave a Reply

Your email address will not be published. Required fields are marked *