Message Box Styles « Website Design, Development and Hosting in Sri Lanka

Message box styles:

‘Info’ style:

This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode:

‘success’ style:

This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode:

‘warning’ style:

This is a sample of the ‘warning’ style message box shortcode. To use this style use the following shortcode:

‘erroneous’ style:

This is a sample of the ‘erroneous’ style message box shortcode. To use this style use the following shortcode:

‘simple’ style:

Your info message goes here…

‘pre-formatted’ text style:

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

‘custom’ style (example 1):

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

‘custom’ style (example 2):

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:

‘custom’ style (example 3):

Here’s an example an a custom message box with width of ‘50%’. To use this style use the following shortcode:

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

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:

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

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 Box Styles