{"id":5327,"date":"2018-12-01T11:57:21","date_gmt":"2018-12-01T16:57:21","guid":{"rendered":"http:\/\/www.cogis2020.eval-expert.com\/?page_id=5327"},"modified":"2018-12-01T11:57:21","modified_gmt":"2018-12-01T16:57:21","slug":"message-box-styles","status":"publish","type":"page","link":"https:\/\/www.cogis2020.eval-expert.com\/?page_id=5327","title":{"rendered":"Message Box Styles"},"content":{"rendered":"

Message box styles:<\/h3>\n

‘Info’ style:<\/h4>\n
This is a sample of the ‘info’ style message box shortcode<\/em>. To use this style use the following shortcode: <\/div><\/div>\n
Retour en haut de page<\/a><\/div>\n

‘success’ style:<\/h4>\n
This is a sample of the ‘success’ style message box shortcode<\/em>. To use this style use the following shortcode: <\/div><\/div>\n
Retour en haut de page<\/a><\/div>\n

‘warning’ style:<\/h4>\n
This is a sample of the ‘warning’ style message box shortcode<\/em>. To use this style use the following shortcode: <\/div><\/div>\n
Retour en haut de page<\/a><\/div>\n

‘erroneous’ style:<\/h4>\n
This is a sample of the ‘erroneous’ style message box shortcode<\/em>. To use this style use the following shortcode: <\/div><\/div>\n
Retour en haut de page<\/a><\/div>\n

‘simple’ style:<\/h4>\n
Your info message goes here…<\/div><\/div>\n
Retour en haut de page<\/a><\/div>\n

‘pre-formatted’ text style:<\/h4>\n
This is an example of 'preformatted' text.\r\nTo use this style use the following under HTML mode:<\/pre>\n
Retour en haut de page<\/a><\/div>\n
‘custom’ style (example 1):<\/h4>\n
This is an example of a custom type message box with default parameters. To use this style use the following shortcode:<\/div><\/div>\n
Retour en haut de page<\/a><\/div>\n
‘custom’ style (example 2):<\/h4>\n
This is an example of a custom type message box with various parameters. You could specify width<\/strong>, start_color<\/strong>, end_color<\/strong>, border<\/strong> (refers to the border color), and color<\/strong> (refers to the text color). To use this style use the following shortcode:<\/div><\/div>\n[code language=\u00a0\u00bbphp\u00a0\u00bb gutter=\u00a0\u00bbfalse\u00a0\u00bb tabsize=\u00a0\u00bb4″ toolbar=\u00a0\u00bbtrue\u00a0\u00bb][message type="custom" width="100%" start_color="#FD7800" end_color="#1AAABA" border="#167681" color="#ffffff"]Your info message goes here…[\/message][\/code]\n
Retour en haut de page<\/a><\/div>\n
‘custom’ style (example 3):<\/h4>\n
Here’s an example an a custom message box with width of ‘50%’. To use this style use the following shortcode:<\/div><\/div>\n[code language=\u00a0\u00bbphp\u00a0\u00bb gutter=\u00a0\u00bbfalse\u00a0\u00bb tabsize=\u00a0\u00bb4″ toolbar=\u00a0\u00bbtrue\u00a0\u00bb][message type="custom" width="50%" start_color="#343A41" end_color="#343A41" border="#333333" color="#ffffff"]Your info message goes here…[\/message][\/code]\n
Retour en haut de page<\/a><\/div>\n
‘custom’ style (example 4 – center alignment):<\/h4>\n
Here’s an example an a custom message box with center<\/strong> alignment, the other options are left<\/strong> (default) and right<\/strong>. To use this style use the following shortcode:<\/div><\/div>\n[code language=\u00a0\u00bbphp\u00a0\u00bb gutter=\u00a0\u00bbfalse\u00a0\u00bb tabsize=\u00a0\u00bb4″ toolbar=\u00a0\u00bbtrue\u00a0\u00bb][message type="custom" width="50%" align="center" start_color="#BF6672" end_color="#BF6672" border="#98545d" color="#ffffff"]Your info message goes here…[\/message][\/code]\n
Retour en haut de page<\/a><\/div>\n
‘custom’ style (example 5 – right alignment):<\/h4>\n
Here’s an example an a custom message box with right<\/strong> alignment, the other options are left<\/strong> (default) and center<\/strong>. To use this style use the following shortcode:<\/div><\/div>\n[code language=\u00a0\u00bbphp\u00a0\u00bb gutter=\u00a0\u00bbfalse\u00a0\u00bb tabsize=\u00a0\u00bb4″ toolbar=\u00a0\u00bbtrue\u00a0\u00bb][message type="custom" width="50%" align="center" start_color="#FBD864" end_color="#FBD864" border="#e6c043" color="#735800"]Your info message goes here…[\/message][\/code]\n
Retour en haut de page<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"
Message box styles: ‘Info’ style: ‘success’ style: ‘warning’ style: ‘erroneous’ style: ‘simple’ style: ‘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): ‘custom’ style (example 2): [code language=\u00a0\u00bbphp\u00a0\u00bb gutter=\u00a0\u00bbfalse\u00a0\u00bb tabsize=\u00a0\u00bb4″ toolbar=\u00a0\u00bbtrue\u00a0\u00bb]Your info<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":59,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5327","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/5327"}],"collection":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5327"}],"version-history":[{"count":0,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/5327\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/59"}],"wp:attachment":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}