Styled Boxes

Framed Box

[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]

Parameters

[divider_line]
[list icon=”check” color=”blue”]

  • width : in px or %
  • height
  • bgColor : optional
  • borderColor : optional
  • borderThickness : optional
  • textColor : optional
  • rounded : true / false
  • align : left, right, center
  • class : optional

[/list]
[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]

Shortcode Option Panel

[divider_line]
[image source_type=”attachment_id” source_value=”3230″ caption=”Framed Box Shortcode Options Panel” alt=”Framed Box Shortcode Options Panel” align=”center” icon=”zoom” width=”594″ autoHeight=”true” quality=”100″ lightbox=”true” title=”Framed Box Shortcode Options Panel”]
[/tab]
[/tabs]

[divider_line]
[framed_box]
[one_half]

Lorem ipsum dolor

neque erat aliquam nisl, sed porta ipsum libero feugiat odio. Duis faucibus ipsum a elit mattis quis pharetra felis pharetra.
[/one_half]
[one_half_last]

Lorem ipsum dolor

Nam facilisis purus a ligula commodo dapibus. Sed malesuada rutrum erat, id faucibus lacus consectetur ac.
[/one_half_last]
[/framed_box]

[code][framed_box]your content[/framed_box][/code]

[divider_top]

Message Boxes

[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]

Parameters

[divider_line]
[list icon=”check” color=”blue”]

  • class : optional

[/list]
[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]

Shortcode Option Panel

[divider_line]
[image source_type=”attachment_id” source_value=”3252″ caption=”Message Box Shortcode Option Panel” alt=”Message Box Shortcode Option Panel” align=”center” icon=”zoom” width=”600″ autoHeight=”true” quality=”100″ lightbox=”true” title=”Message Box Shortcode Option Panel”]
[/tab]
[/tabs]

[divider_line]

Info

[info]
This is a paragraph in info box and a link.
[/info]
[code][info]your info message[/info][/code]
[divider_padding]

Success

[success]
This is a paragraph in success box and a link.
[/success]
[code][success]your success message[/success][/code]
[divider_padding]

Error

[error]
This is a paragraph in error box and a link.
[/error]
[error_msg]

  1. message1
  2. message2

[/error_msg]
[code]
[error]your error message title[/error]
[error_msg]

  1. message1
  2. message2

[/error_msg]
[/code]
[divider_padding]

Notice

[notice]
This is a paragraph in notice box and a link.
[/notice]
[code][notice]your notice message[/notice][/code]

[divider_top]

Note Box

[tabs]
[tab title=”Parameters” icon=”check” icon_color=”#3cabce”]

Parameters

[divider_line]
[list icon=”check” color=”blue”]

  • title : optional
  • align : left, right, center
  • width : in pixels
  • class : optional

[/list]
[/tab]
[tab title=”Shortcode Option Panel” icon=”check” icon_color=”#3cabce”]

Shortcode Option Panel

[divider_line]
[image source_type=”attachment_id” source_value=”3253″ caption=”Notebox Shortcode Options Panel” alt=”Notebox Shortcode Options Panel” align=”center” icon=”zoom” width=”600″ autoHeight=”true” quality=”100″ lightbox=”true” title=”Notebox Shortcode Options Panel”]
[/tab]
[/tabs]

[divider_line]
[note title=”Note:”]
This is a paragraph in note box.
[/note]
[code]
[note title=”Note:”]
This is a paragraph in note box.
[/note]
[/code]

[note title=”Note:” align=”right” width=”200″]
Cras ipsum eros, feugiat eget, porta sit amet eros. Ut mi in nulla porta at ipsum rutrum. Pellesque utate eleifend ultricies.
[/note]

Cras ipsum eros, feugiat eget, porta sit amet eros. Ut mi in nulla porta at ipsum rutrum. Pellesque utate eleifend ultricies. Phasellus ornare risus sed nibh rutrum mollis. Nunc faucibus, ipsum vitae gravida euismod, nisi ante volutpat nisi, non aliquam justo mauris a nulla.

Nam justo risus, dignissim sed laoreet ut, fermentum ac nunc. Vestibulum quis urna libero, a venenatis risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et.

Cras ipsum eros, feugiat eget, porta sit amet eros. Ut mi in nulla porta at ipsum rutrum. Pellesque utate eleifend ultricies. Phasellus ornare risus sed nibh rutrum mollis. Nunc faucibus, ipsum vitae gravida euismod, nisi ante volutpat nisi, non aliquam justo mauris a nulla.

Vestibulum quis urna libero, a venenatis risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse mollis sollicitudin sem, a sagittis mi pellentesque et.

[code]
[note title=”Note:” align=”right” width=”250″]
This is a paragraph in note box.
[/note]
[/code]

[divider_top]

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.