1,071
edits
Changes
m
new section Template:Notice/doc
columns = 2
</dpl>
== Template:Notice/doc ==
===<dt>Parameters</dt>===
<dd>
*<i>Recommended</i>: {{para|type}}
*:Notice box header text.
*:Default: {{para|type|<var>Header text</var>}}
*<i>Recommended</i>: {{para|info}}
*:Notice box additional info.
*:Default: {{para|type|<var>Explanation</var>}}
*<i>Optional</i>: {{para|image}}
*:Notice box symbol image.
*:Provide the image-filename with extension, or use {{para|image|no}} to completely remove/inhibit the image part.
*:Default: {{para|image|<var>Gtk-ok.png</var>}}
*<i>Optional</i>: {{para|imageSize}}
*:Notice box symbol image-size.
*:Provide the image-size including the unit, eg: <code>px</code>, part.
*:Default: {{para|imageSize|<var>50px</var>}}
*<i>Optional</i>: {{para|border}}
*:Notice box left-border-bar definition.
*:Use {{para|border|<var>definition</var>}}, where <code><var>definition</var></code> is a valid custom definition for the [http://www.w3schools.com/cssref/pr_border-left.asp <abbr title="Cascading Style Sheet">CSS</abbr> property <code>border-left</code>]<ref name="css-prop"/>.
*:Or use {{para|border|preset}}, where <code>preset</code> is one of the predefined names below<nowiki>:</nowiki>
*:*<span style="background-color:#b22222;"> </span> red ⇒ <code>10px solid #b22222</code>
*:*<span style="background-color:#f28500;"> </span> orange ⇒ <code>10px solid #f28500</code>
*:*<span style="background-color:#f4c430;"> </span> yellow ⇒ <code>10px solid #f4c430</code>
*:*<span style="background-color:#9932cc;"> </span> purple ⇒ <code>10px solid #9932cc</code>
*:*<span style="background-color:#1e90ff;"> </span> blue ⇒ <code>10px solid #1e90ff</code>
*:*<span style="background-color:#228b22;"> </span> green ⇒ <code>10px solid #228b22</code>
*:*<span style="background-color:#bba;"> </span> gray ⇒ <code>10px solid #bba</code>
*:Default: {{para|border|blue}}
*:<i>You don't need to provide the <code>;</code> at the end to properly terminate the definition(s) because it will be appended automatically for proper functionality.</i>
*<i>Optional</i>: {{para|float|side}}
*:Float the Notice box.
*:Where <code>side</code> can be one of: <i>(Case insensitive)</i>
*:*<code>l</code> or <code>left</code>
*:*<code>r</code> or <code>right</code>
*:*<code>n</code> or <code>none</code>
*:When anything else is provided it will be treated as <b><code>none</code></b>.
*:<span style="color:red;"><b>When used</b> it alters the <u>default value</u> for <code>styleWidth</code></span> of {{para|style}}<sup>(see below)</sup> as following when the effective floating is:
*:*left ⇒ <code>25%</code>
*:*right ⇒ <code>25%</code>
*:*none ⇒ <code>50%</code>
*<i>Optional</i>: {{para|style|<var>inline-CSS;</var>}}
*:Used to completely override the inline-CSS<ref name="inline-css"><dfn>inline-<abbr title="Cascading Style Sheet">CSS</abbr></dfn>is a composition of <abbr title="Cascading Style Sheet">CSS</abbr> Properties</ref> used in the style-attribute <ref name="css-styleatt">For more info on the style-attribute see [http://www.w3schools.com/tags/att_global_style.asp info@w3schools].</ref> of the table that generates the Notice box.
*:Where <code><var>inline-CSS;</var></code> defaults to:
*:“<code><span style="white-space:nowrap;">font-size:<var>{{{styleFontSize}}}</var>;</span> <span style="white-space:nowrap;">margin:<var>{{{styleMargin}}}</var>;</span> <span style="white-space:nowrap;">border:<var>{{{styleBorder}}}</var>;</span> <span style="white-space:nowrap;">border-collapse:{{{styleBorderCollapse}}};</span> <span style="white-space:nowrap;">background-color:<var>{{{styleBackgroundColor}}}</var>;</span> <span style="white-space:nowrap;">border-left:<var>{{{border}}}</var>;</span> <span style="white-space:nowrap;"><i><optional:[</i> float:<var>side</var>;<i>]></i></span> <span style="white-space:nowrap;">width:<var>{{{styleWidth}}}</var>;</span></code>”
*:To override <abbr title="Cascading Style Sheet">CSS</abbr> Properties<ref name="css-prop">For a complete listing of <dfn id="css-prop"><abbr title="Cascading Style Sheet">CSS</abbr> Properties</dfn>, see [http://www.w3schools.com/cssref/default.asp <abbr title="Cascading Style Sheet">CSS</abbr> Properties@w3cschools]</ref> used in the parts of the default shown above you can use: <i>(their defaults shown as value)</i>
*:*{{para|styleFontSize|95%}}
*:*{{para|styleMargin|0 auto}}
*:*{{para|styleBorder|1px #aaa solid}}
*:*{{para|styleBorderCollapse|collapse}} <i>(See: [http://www.w3schools.com/cssref/pr_border-collapse.asp CSS-Property: border-collapse@w3cschools])</i>
*:*{{para|styleBackgroundColor|#eee}}
*:*{{para|styleWidth|80%}} <i>(Default value is altered when {{para|float}}<sup>(see above)</sup> is used.)</i>
</dd>
<references/>
