Template:Note: Difference between revisions

Browse history interactively

(View all pending changes)

[unchecked revision]

← Older edit Newer edit →

Content deleted Content added

VisualWikitext

Inline

Revision as of 13:47, 5 March 2020

Note: {{{1}}}

Usage

{{Note|This is with a blue green background the default}}

Note: This is with a blue green background the default

{{Note|This is with a better yellower background|reminder-yellow}}

Note: This is with a better yellower background

{{Note|Careful with this action, this is a caution by default in orange|caution}}

Caution: Careful with this action, this is a caution by default in orange

{{Note|Careful with this action, this is a caution in red if you prefer|caution-red}}

Caution: Careful with this action, this is a caution in red if you prefer

{{Note|This is a brown info box the same as used on mediawiki|info}}

Note: This is a brown info box the same as used on mediawiki

{{Note|This is a clean less intrusive info box similar to that used on wikipedia|info-blue}}

Note: This is a clean less intrusive info box similar to that used on wikipedia

{{Note|A warning message!|warning}}

Warning: A warning message!

{{Note|This a a tech support helpful suggestion or tip . . .|tip}}

Tip: This a a tech support helpful suggestion or tip . . .

Show a Note

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Note Text	`1`	no description Example Some of Einstein's Brain is un-accounted for..	String	required
Icon or Background Color	`2`	Optional Change the Icon or Background Color Example caution, warning, tip, info, info-blue, reminder-yellow, caution-red	String	optional

@@ Line 1: / Line 1: @@
 <onlyinclude><templatestyles src="Note/styles.css" />
+{{#switch: {{{2}}}
-<div style="clear: both;"></div><div class={{#if: {{{2|}}}|{{{2}}}|"note"}}}>
+ | reminder-green =
-[[File:OOjs UI icon lightbulb-yellow.svg]] &nbsp;'''Note: ''' {{{1}}}</div></onlyinclude>
+<div style="clear: both;"></div><div class="note back-palegreen">
-<noinclude><templatedata>
+[[File:OOjs UI icon lightbulb-yellow.svg]] &nbsp;'''Note: ''' {{{1}}}</div>
+ | reminder-yellow =
+<div style="clear: both;"></div><div class="note back-yellow">
+[[File:OOjs UI icon lightbulb-yellow.svg]] &nbsp;'''Note: ''' {{{1}}}</div>
+ | caution =
+<div style="clear: both;"></div><div class="note back-orange>
+[[File:OOjs UI icon alert-warning.svg]] &nbsp;'''Caution: ''' {{{1}}}</div>
+ | caution-red =
+<div style="clear: both;"></div><div class="note back-red>
+[[File:OOjs UI icon alert-warning.svg]] &nbsp;'''Caution: ''' {{{1}}}</div>
+ | caution-orange =
+<div style="clear: both;"></div><div class="note back-orange>
+[[File:OOjs UI icon alert-warning.svg]] &nbsp;'''Caution: ''' {{{1}}}</div>
+ | tip =
+<div style="clear: both;"></div><div class="note back-clear>
+[[File:Customer Service Icon.png|32px]] &nbsp;'''Tip: ''' {{{1}}}</div>
+ | warning =
+<div style="clear: both;"></div><div class="note back-red>
+[[File:OOjs_UI_icon_notice-destructive.svg]] &nbsp;'''Warning: ''' {{{1}}}</div>
+ | info =
+<div style="clear: both;"></div><div class="note back-brown>
+[[File:OOjs_UI_icon_reference_20_ac6600.svg]] &nbsp;'''Note: ''' {{{1}}}</div>
+ | info-blue =
+<div style="clear: both;"></div><div class="note back-clear>
+[[File:OOjs UI icon reference-progressive.svg]] &nbsp;'''Note: ''' {{{1}}}</div>
+ | #default =
+<div style="clear: both;"></div><div class="note back-palegreen">
+[[File:OOjs UI icon lightbulb-yellow.svg]] &nbsp;'''Note: ''' {{{1}}}</div>
+}}</onlyinclude>
+<noinclude>
+== Usage ==
+<pre>{{Note|This is with a blue green background the default}}</pre>
+{{Note|This is with a blue green background the default}}
+<pre>{{Note|This is with a better yellower background|reminder-yellow}}</pre>
+{{Note|This is with a better yellower background|reminder-yellow}}
+<pre>{{Note|Careful with this action, this is a caution by default in orange|caution}}</pre>
+{{Note|Careful with this action, this is a caution by default in orange|caution}}
+<pre>{{Note|Careful with this action, this is a caution in red if you prefer|caution-red}}</pre>
+{{Note|Careful with this action, this is a caution in red if you prefer|caution-red}}
+<pre>{{Note|This is a brown info box the same as used on mediawiki|info}}</pre>
+{{Note|This is a brown info box the same as used on mediawiki|info}}
+<pre>{{Note|This is a clean less intrusive info box similar to that used on wikipedia|info-blue}}</pre>
+{{Note|This is a clean less intrusive info box similar to that used on wikipedia|info-blue}}
+<pre>{{Note|A warning message!|warning}}</pre>
+{{Note|A warning message!|warning}}
+<pre>{{Note|This a a tech support helpful suggestion or tip . . .|tip}}</pre>
+{{Note|This a a tech support helpful suggestion or tip . . .|tip}}
+<templatedata>
 {
 	"params": {
@@ Line 10: / Line 72: @@
 			"type": "string",
 			"required": true
+		},
+		"2": {
+                        "label": "Icon or Background Color",
+			"description": "Optional Change the Icon or Background Color",
+			"example": "caution, warning, tip, info, info-blue, reminder-yellow, caution-red",
+			"type": "string"
 		}
 	},
-	"description": "Show a Note"
+	"description": "Show a Note",
+	"paramOrder": [
+		"1",
+		"2"
+	],
+	"format": "inline"
 }
 </templatedata>[[Category:AutoDumpContentFromCommons]]</noinclude>