Message box styles:
‘Info’ style:
‘success’ style:
‘warning’ style:
‘erroneous’ style:
‘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:
[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]
‘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:
[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]
‘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:
[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]
‘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:
[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]
Recent Comments