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= »#FD7800″ end_color= »#FD7800″ border= »#db6800″ 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= »#FD7800″ border= »#db6800″ 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= »#F6F983″ end_color= »#F6F983″ border= »#F6F983″ color= »#777777″]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= »#F6F983″ end_color= »#F6F983″ border= »#F6F983″ color= »#777777″]Your info message goes here…[/message]][/code]

[divider_top]

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

[message type= »custom » width= »50% » align= »right » start_color= »#339989″ end_color= »#339989″ border= »#339989″ color= »#eeeeee »]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= »#339989″ end_color= »#339989″ border= »#339989″ color= »#eeeeee »]Your info message goes here…[/message]][/code]

[divider_top]