Difference between revisions of "Template:Alert box"
From CETAF Identifiers Wiki
(Alert box after CodiMD layout) |
m (+anchor visible) |
||
Line 2: | Line 2: | ||
template programming here | template programming here | ||
-->{{#switch: {{LC:{{{type|{{{2|}}}}}}}}<!-- | -->{{#switch: {{LC:{{{type|{{{2|}}}}}}}}<!-- | ||
− | -->| danger = <div class="alert alert-danger" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-danger */ color: #a94442; background-color: #f2dede; border-color: #ebccd1; ">{{{1|{{{content|}}}}}}</div><!-- | + | -->| danger = <div class="alert alert-danger" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-danger */ color: #a94442; background-color: #f2dede; border-color: #ebccd1; ">{{#if: {{{anchor|}}}|<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid gray;margin-bottom:1ex;" id="mw-customcollapsible-{{#REPLACE:{{ANCHORENCODE:{{{anchor|}}}}}|.|dot}}" ><span title="Click to show the link anchor to this box" class="mw-customtoggle-{{#REPLACE:{{ANCHORENCODE:{{{anchor|}}}}}|.|dot}}">🔗</span><div class="mw-collapsible-content">Link to this box: [[#{{{anchor|}}}]]</div></div>}}<!-- |
− | -->| info | #default = <div class="alert alert-info" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-info */ color: #31708f; background-color: #d9edf7; border-color: #bce8f1; ">{{{1|{{{content|}}}}}}</div><!-- | + | -->{{{1|{{{content|}}}}}}</div><!-- |
− | -->| success = <div class="alert alert-success" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-success */ color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; ">{{{1|{{{content|}}}}}}</div><!-- | + | -->| info | #default = <div class="alert alert-info" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-info */ color: #31708f; background-color: #d9edf7; border-color: #bce8f1; ">{{#if: {{{anchor|}}}|<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid gray;margin-bottom:1ex;" id="mw-customcollapsible-{{#REPLACE:{{ANCHORENCODE:{{{anchor|}}}}}|.|dot}}" ><span title="Click to show the link anchor to this box" class="mw-customtoggle-{{#REPLACE:{{ANCHORENCODE:{{{anchor|}}}}}|.|dot}}">🔗</span><div class="mw-collapsible-content">Link to this box: [[#{{{anchor|}}}]]</div></div>}}<!-- |
− | -->| warning = <div class="alert alert-warning" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-warning */ color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; ">{{{1|{{{content|}}}}}}</div><!-- | + | -->{{{1|{{{content|}}}}}}</div><!-- |
+ | -->| success = <div class="alert alert-success" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-success */ color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; ">{{#if: {{{anchor|}}}|<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid gray;margin-bottom:1ex;" id="mw-customcollapsible-{{#REPLACE:{{ANCHORENCODE:{{{anchor|}}}}}|.|dot}}" ><span title="Click to show the link anchor to this box" class="mw-customtoggle-{{#REPLACE:{{ANCHORENCODE:{{{anchor|}}}}}|.|dot}}">🔗</span><div class="mw-collapsible-content">Link to this box: [[#{{{anchor|}}}]]</div></div>}}<!-- | ||
+ | -->{{{1|{{{content|}}}}}}</div><!-- | ||
+ | -->| warning = <div class="alert alert-warning" {{#if: {{{anchor|}}}|id="{{{anchor|}}}"}} style="/* .alert */ padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; /* .alert-warning */ color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; ">{{#if: {{{anchor|}}}|<div class="mw-collapsible mw-collapsed" style="border-bottom:1px solid gray;margin-bottom:1ex;" id="mw-customcollapsible-{{#REPLACE:{{ANCHORENCODE:{{{anchor|}}}}}|.|dot}}" ><span title="Click to show the link anchor to this box" class="mw-customtoggle-{{#REPLACE:{{ANCHORENCODE:{{{anchor|}}}}}|.|dot}}">🔗</span><div class="mw-collapsible-content">Link to this box: [[#{{{anchor|}}}]]</div></div>}}<!-- | ||
+ | -->{{{1|{{{content|}}}}}}</div><!-- | ||
-->}}<!-- end switch | -->}}<!-- end switch | ||
--></includeonly><noinclude> | --></includeonly><noinclude> | ||
Line 26: | Line 30: | ||
|Note, that text in the box (info notice is default style) | |Note, that text in the box (info notice is default style) | ||
|info | |info | ||
+ | }} | ||
+ | |||
+ | <nowiki>{{</nowiki>{{PAGENAME}} | ||
+ | |Note, that text in the box (info notice is default style) | ||
+ | |anchor=box with info note | ||
}} | }} | ||
Line 34: | Line 43: | ||
|Note, that text in the box (info notice is default style) | |Note, that text in the box (info notice is default style) | ||
|info | |info | ||
+ | }} | ||
+ | |||
+ | {{ {{PAGENAME}} | ||
+ | |Note, that text in the box (info notice is default style) | ||
+ | |anchor=box with info note | ||
}} | }} | ||
</td><!-- | </td><!-- |
Latest revision as of 11:45, 13 July 2020
Summary: provide different kind of display boxes for messages (e.g. info, warning, danger, success)
Usage
Wiki Code | Example |
---|---|
{{Alert box |Note, that text in the box (info notice is default style) }} {{Alert box |Note, that text in the box (info notice is default style) |info }} {{Alert box |Note, that text in the box (info notice is default style) |anchor=box with info note }} |
… which gives Note, that text in the box (info notice is default style)
🔗 Note, that text in the box (info notice is default style)
Link to this box: #box with info note |
{{Alert box |Yes, text in the box (success notice) |success }} |
… which gives Yes, text in the box (success notice)
|
{{Alert box |Watch out! Text in the box (warning notice) |warning }} |
… which gives Watch out! Text in the box (warning notice)
|
{{Alert box |Oh No! Text in the box (danger notice) |danger }} |
… which gives Oh No! Text in the box (danger notice)
|
Parameters
Bold parameters are mandatory, all other are optional:
- |1= or |content=
- the text content of the box
- |2= or |type=
- the text content of the box’es type, one of
info
,success
,warning
,danger
(info is default) - |anchor=
- an (HTML) ID as a target anchor, to have later a link possibility to point to this ID