Difference between revisions of "Template:Note"
From DFM Wiki
EricThrift (talk | contribs) (Apply vertical-align:middle to the text and make the box full-width) Tag: 2017 source edit |
EricThrift (talk | contribs) (Increase padding of left cell and increase to 100% width) Tag: 2017 source edit |
||
Line 1: | Line 1: | ||
<div class="messagebox note" style="display:table; background-color: {{{bgcolor|lightblue}}}; border: 1px solid {{{bordercolor|royalblue}}; color: black; margin: 1ex 0; min-height: {{#expr:{{{imgwidth|100}}}+20}}px; width:100%"> | <div class="messagebox note" style="display:table; background-color: {{{bgcolor|lightblue}}}; border: 1px solid {{{bordercolor|royalblue}}; color: black; margin: 1ex 0; min-height: {{#expr:{{{imgwidth|100}}}+20}}px; width:100%"> | ||
<div style="display:table-cell; width: {{#expr:{{{imgwidth|100}}}+40}}px; vertical-align:top;">[[Image:{{{image|Information icon.svg}}}|{{{imgwidth|100}}}px|link=]]</div> | <div style="display:table-cell; width: {{#expr:{{{imgwidth|100}}}+40}}px; vertical-align:top;">[[Image:{{{image|Information icon.svg}}}|{{{imgwidth|100}}}px|link=]]</div> | ||
− | <div style="display:table-cell; vertical-align:middle;"><big><b>{{{title|Note}}}</b></big><BR>{{{text|Note}}}</div></div><noinclude> | + | <div style="display:table-cell; vertical-align:middle; padding-left:2em; width:100%;"><big><b>{{{title|Note}}}</b></big><BR>{{{text|Note}}}</div></div><noinclude> |
<templatedata> | <templatedata> | ||
Revision as of 10:55, 29 November 2021
Template to add a box containing an image (lightbulb by default) and text note.
Parameter | Description | Type | Status | |
---|---|---|---|---|
image width | imgwidth | the width of the image, in pixels
| Unknown | optional |
image | image | An inline image (information icon by default)
| Unknown | optional |
Text | text | text of the note | Unknown | required |
Title | title | Title to be printed at the top of the message box | String | suggested |
Background colour | bgcolor | Background colour for the info box. Use a CSS colour.
| Unknown | optional |
Border colour | bordercolor | Colour of the info box border. Use a CSS colour.
| Unknown | optional |