Shortcodes - Erosha.com

Notification boxes

[message type=”info”]This is an info box[/message]

[shortcode]
[message type="info"]This is an info box[/message]
[/shortcode]

[message type=”success”]This is a success box[/message]

[shortcode]
[message type="success"]This is a success box[/message]
[/shortcode]

[message type=”warning”]This is a warning box[/message]

[shortcode]
[message type="warning"]This is a warning box[/message]
[/shortcode]

[message type=”error”]This is an alert box[/message]

[shortcode]
[message type="error"]This is an alert box[/message]
[/shortcode]

Progress bars

[progressbar description=”This is an example”]100[/progressbar]
[progressbar description=”This is an example”]80[/progressbar]
[progressbar description=”This is an example” background_color=”#bcc3c8″]60[/progressbar]
[progressbar description=”This is an example” background_color=”#bcc3c8″]20[/progressbar]

Buttons

[button color=”blue” size=”tiny” link=”#”]Blue tiny button[/button][button color=”red” size=”tiny” link=”#”]Red tiny button[/button][button color=”green” size=”tiny” link=”#”]Green tiny button[/button][button color=”grey” size=”tiny” link=”#”]Grey tiny button[/button]

[shortcode]
[button color="blue" size="tiny" link="#"]Blue tiny button[/button]
[button color="red" size="tiny" link="#"]Red tiny button[/button]
[button color="green" size="tiny" link="#"]Green tiny button[/button]
[button color="grey" size="tiny" link="#"]Grey tiny button[/button]
[/shortcode]

[button color=”blue” size=”small” link=”#”]Blue small button[/button][button color=”red” size=”small” link=”#”]Red small button[/button][button color=”green” size=”small” link=”#”]Green small button[/button][button color=”grey” size=”small” link=”#”]Grey small button[/button]

[shortcode]
[button color="blue" size="small" link="#"]Blue small button[/button]
[button color="red" size="small" link="#"]Red small button[/button]
[button color="green" size="small" link="#"]Green small button[/button]
[button color="grey" size="small" link="#"]Grey small button[/button]
[/shortcode]

[button color=”blue” size=”normal” link=”#”]Blue normal button[/button][button color=”red” size=”normal” link=”#”]Red normal button[/button][button color=”green” size=”normal” link=”#”]Green normal button[/button][button color=”grey” size=”normal” link=”#”]Grey normal button[/button]

[shortcode]
[button color="blue" size="normal" link="#"]Blue normal button[/button]
[/shortcode]

[button color=”blue” size=”large” link=”#”]Blue large button[/button][button color=”red” size=”large” link=”#”]Red large button[/button][button color=”green” size=”large” link=”#”]Green large button[/button][button color=”grey” size=”large” link=”#”]Grey large button[/button]

[shortcode]
[button color="blue" size="large" link="#"]Blue large button[/button]
[/shortcode]

[button color=”blue” size=”small” type=”radius” link=”#”]Blue small round button[/button]

[shortcode]
[button color="blue" size="small" type="radius" link="#"]Blue small round button[/button]
[/shortcode]

[button color=”green” size=”large” type=”radius” link=”#”]Green large round button[/button]

[shortcode]
[button color="green" size="large" type="radius" link="#"]Green large round button[/button]
[/shortcode]

[button align=”left” link=”#”]Blue left aligned button[/button]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae nunc magna. Integer fermentum consectetur vestibulum. Mauris eu porta velit. Phasellus purus diam, gravida consectetur mattis id, luctus vel dolor. Fusce varius cursus magna, sit amet tempor dui volutpat ac. Donec imperdiet dui ut sem consectetur quis hendrerit orci sodales. Nullam pulvinar tempus mauris, nec viverra lacus mattis eu. Aliquam blandit fermentum eros, in posuere ipsum commodo quis. In sit amet volutpat velit. Cras vitae urna id mi hendrerit pharetra vitae sit amet velit.

[shortcode]
[button color="blue" align="left" link="#"]Blue left aligned button[/button]
[/shortcode]

[button align=”right” link=”#”]Blue right aligned button[/button]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae nunc magna. Integer fermentum consectetur vestibulum. Mauris eu porta velit. Phasellus purus diam, gravida consectetur mattis id, luctus vel dolor. Fusce varius cursus magna, sit amet tempor dui volutpat ac. Donec imperdiet dui ut sem consectetur quis hendrerit orci sodales. Nullam pulvinar tempus mauris, nec viverra lacus mattis eu. Aliquam blandit fermentum eros, in posuere ipsum commodo quis. In sit amet volutpat velit. Cras vitae urna id mi hendrerit pharetra vitae sit amet velit.

[shortcode]
[button color="blue" align="right" link="#"]Blue right aligned button[/button]
[/shortcode]

[button align=”center” link=”#”]Blue center aligned button[/button]

[shortcode]
[button color="blue" align="center" link="#"]Blue center aligned button[/button]
[/shortcode]

[button size=”full_width” link=”#”]Blue full width button[/button]

[shortcode]
[button color="blue" size="full_width" link="#"]Blue full width button[/button]
[/shortcode]