Message Box Styles

Message box styles:

‘Info’ style:

[message type=»info»]This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode: [/message]

[divider_top]

‘success’ style:

[message type=»success»]This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode: [/message]

[divider_top]

‘warning’ style:

[message type=»warning»]This is a sample of the ‘warning’ style message box shortcode. To use this style use the following shortcode: [/message]

[divider_top]

‘erroneous’ style:

[message type=»erroneous»]This is a sample of the ‘erroneous’ style message box shortcode. To use this style use the following shortcode: [/message]

[divider_top]

‘simple’ style:

[message type=»simple» bg_color=»#EEEEEE» color=»#333333″]Your info message goes here…[/message]

[divider_top]

‘pre-formatted’ text style:

This is an example of 'preformatted' text.
To use this style use the following under HTML mode:

[divider_top]

‘custom’ style (example 1):

[message type=»custom»]This is an example of a custom type message box with default parameters. To use this style use the following shortcode:[/message]

[divider_top]

‘custom’ style (example 2):

[message type=»custom» width=»100%» start_color=»#1AAABA» end_color=»#1AAABA» border=»#167681″ color=»#ffffff»]This is an example of a custom type message box with various parameters. You could specify width, start_color, end_color, border (refers to the border color), and color (refers to the text color). To use this style use the following shortcode:[/message]
[code language=»php» gutter=»false» tabsize=»4″ toolbar=»true»][[message type="custom" width="100%" start_color="#FD7800" end_color="#1AAABA" border="#167681" color="#ffffff"]Your info message goes here…[/message]][/code]

[divider_top]

‘custom’ style (example 3):

[message type=»custom» width=»50%» start_color=»#343A41″ end_color=»#343A41″ border=»#333333″ color=»#ffffff»]Here’s an example an a custom message box with width of ‘50%’. To use this style use the following shortcode:[/message]
[code language=»php» gutter=»false» tabsize=»4″ toolbar=»true»][[message type="custom" width="50%" start_color="#343A41" end_color="#343A41" border="#333333" color="#ffffff"]Your info message goes here…[/message]][/code]

[divider_top]

‘custom’ style (example 4 – center alignment):

[message type=»custom» width=»50%» align=»center» start_color=»#BF6672″ end_color=»#BF6672″ border=»#98545d» color=»#ffffff»]Here’s an example an a custom message box with center alignment, the other options are left (default) and right. To use this style use the following shortcode:[/message]
[code language=»php» gutter=»false» tabsize=»4″ toolbar=»true»][[message type="custom" width="50%" align="center" start_color="#BF6672" end_color="#BF6672" border="#98545d" color="#ffffff"]Your info message goes here…[/message]][/code]

[divider_top]

‘custom’ style (example 5 – right alignment):

[message type=»custom» width=»50%» align=»right» start_color=»#FBD864″ end_color=»#FBD864″ border=»#e6c043″ color=»#735800″]Here’s an example an a custom message box with right alignment, the other options are left (default) and center. To use this style use the following shortcode:[/message]
[code language=»php» gutter=»false» tabsize=»4″ toolbar=»true»][[message type="custom" width="50%" align="center" start_color="#FBD864" end_color="#FBD864" border="#e6c043" color="#735800"]Your info message goes here…[/message]][/code]

[divider_top]

Scroll al inicio
×