Template:Notice - Revision history

TheRoman: Changed asterisk in "Prevent Dismissal" section to a superscript number.

2025-05-29T19:26:24Z

Changed asterisk in "Prevent Dismissal" section to a superscript number.

← Older revision		Revision as of 19:26, 29 May 2025
Line 81:		Line 81:
	\| {{notice\|text=A notice with a blue border.\|border=1px solid blue}}		\| {{notice\|text=A notice with a blue border.\|border=1px solid blue}}
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Prevent Dismissal</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, notices have an "'''x'''" in the top right corner that, if clicked, will make the notice disappear.<~~span style="font-size: 125%;"~~>~~''''''~~</~~span~~> You can pass <code>dismiss=no</code> to hide the "'''x'''", preventing the option to hide the notice. To unhide any notices you may have previously dismissed, select "Reset Notices" from the Tools menu in the upper, right hand corner of the page.<br><br>~~<span style="font-size: 125%;">''''''</span>~~<span style="font-size: 90%;">Only users who are logged in have the ability to dismiss notices. Anonymous users (i.e., not logged in) cannot dismiss notices, regardless if <code>dismiss=no</code> is passed.</span></span></div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Prevent Dismissal</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, notices have an "'''x'''" in the top right corner that, if clicked, will make the notice disappear.<sup>1</sup> You can pass <code>dismiss=no</code> to hide the "'''x'''", preventing the option to hide the notice. To unhide any notices you may have previously dismissed, select "Reset Notices" from the Tools menu in the upper, right hand corner of the page.<br><br>1. <span style="font-size: 90%;">Only users who are logged in have the ability to dismiss notices. Anonymous users (i.e., not logged in) cannot dismiss notices, regardless if <code>dismiss=no</code> is passed.</span></span></div>
	\|-		\|-
	! width=30%\|You Type		! width=30%\|You Type

TheRoman: Removed background color to allow dynamic color shift in dark mode.

2025-05-27T22:58:03Z

Removed background color to allow dynamic color shift in dark mode.

← Older revision		Revision as of 22:58, 27 May 2025
Line 22:		Line 22:
	! width=38%\|You Type		! width=38%\|You Type
	!You Get		!You Get
	\|- style="text-align: center~~; background-color: white~~;"		\|- style="text-align: center;"
	\| <pre>{{notice\|text=This is a notice.}}</pre>		\| <pre>{{notice\|text=This is a notice.}}</pre>
	\| {{notice\|text=This is a notice.}}		\| {{notice\|text=This is a notice.}}
Line 30:		Line 30:
	! width=30%\|You Type		! width=30%\|You Type
	!You Get		!You Get
	\|- style="text-align: left~~; background-color: white~~;"		\|- style="text-align: left;"
	\| <pre>{{notice		\| <pre>{{notice
	\|header=This is a header.		\|header=This is a header.
Line 41:		Line 41:
	! width=30%\|You Type		! width=30%\|You Type
	!You Get		!You Get
	\|- style="text-align: left~~; background-color: white~~;"		\|- style="text-align: left;"
	\| <pre>{{notice		\| <pre>{{notice
	\|text=This notice's width is 100%.		\|text=This notice's width is 100%.
Line 52:		Line 52:
	! width=30%\|You Type		! width=30%\|You Type
	!You Get		!You Get
	\|- style="text-align: left~~; background-color: white~~;"		\|- style="text-align: left;"
	\| <pre>{{notice		\| <pre>{{notice
	\|text=A left/right aligned notice.		\|text=A left/right aligned notice.
Line 63:		Line 63:
	! width=30%\|You Type		! width=30%\|You Type
	!You Get		!You Get
	\|- style="text-align: left~~; background-color: white~~;"		\|- style="text-align: left;"
	\| <pre>{{notice		\| <pre>{{notice
	\|text=A light green notice.		\|text=A light green notice.
Line 74:		Line 74:
	! width=30%\|You Type		! width=30%\|You Type
	!You Get		!You Get
	\|- style="text-align: left~~; background-color: white~~;"		\|- style="text-align: left;"
	\| <pre>{{notice		\| <pre>{{notice
	\|text=A notice with a blue border.		\|text=A notice with a blue border.
Line 85:		Line 85:
	! width=30%\|You Type		! width=30%\|You Type
	!You Get		!You Get
	\|- style="text-align: left~~; background-color: white~~;"		\|- style="text-align: left;"
	\| <pre>{{notice		\| <pre>{{notice
	\|text=This notice is not dismissible.		\|text=This notice is not dismissible.
Line 98:		Line 98:
	\|-		\|-
	\| colspan="2" style="text-align: center;" \| '''Without using <code>clear=yes</code>.'''		\| colspan="2" style="text-align: center;" \| '''Without using <code>clear=yes</code>.'''
	\|- style="text-align: left~~; background-color: white~~;"		\|- style="text-align: left;"
	\| <pre>{{quote}}{{notice		\| <pre>{{quote}}{{notice
	\|text=This notice is not using "clear=yes".		\|text=This notice is not using "clear=yes".
Line 112:		Line 112:
	\|-		\|-
	\| colspan="2" style="text-align: center;" \| '''Using <code>clear=yes</code>.'''		\| colspan="2" style="text-align: center;" \| '''Using <code>clear=yes</code>.'''
	\|- style="text-align: left~~; background-color: white~~;"		\|- style="text-align: left;"
	\| <pre>{{quote}}{{notice		\| <pre>{{quote}}{{notice
	\|text=Using "clear=yes".		\|text=Using "clear=yes".

TheRoman: Added clarifying note to the "Adjust Color" section.

2025-05-26T23:25:41Z

Added clarifying note to the "Adjust Color" section.

← Older revision		Revision as of 23:25, 26 May 2025
Line 59:		Line 59:
	\| {{notice\|text=A left aligned notice.\|align=left}}{{notice\|text=A right aligned notice.\|align=right}}		\| {{notice\|text=A left aligned notice.\|align=left}}{{notice\|text=A right aligned notice.\|align=right}}
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Adjust Color</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing <code>color=</code> with a color value in one of three forms:<br>1. A [https://htmlcolorcodes.com/color-names/ Named HTML Color] (e.g., <code>red</code>)<br>2. A [https://www.color-hex.com hex color code] (e.g., <code>#ff0000</code>)<br>3. An [https://rgbcolorpicker.com RGB/RGBA value] (e.g., <code>rgb(255, 0, 0)</code>)<br><br>Please select a shade of color light enough that the black text remains legible.<span style="font-size: 90%;"><br><br>'''Note:''' By adding a color value, the border is removed.<span></span></div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Adjust Color</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing <code>color=</code> with a color value in one of three forms:<br>1. A [https://htmlcolorcodes.com/color-names/ Named HTML Color] (e.g., <code>red</code>)<br>2. A [https://www.color-hex.com hex color code] (e.g., <code>#ff0000</code>)<br>3. An [https://rgbcolorpicker.com RGB/RGBA value] (e.g., <code>rgb(255, 0, 0)</code>)<br><br>Adding a value not following one of the forms above will cause the background color to be transparent. Please select a shade of color light enough that the black text remains legible.<span style="font-size: 90%;"><br><br>'''Note:''' By adding a color value, the border is removed.<span></span></div>
	\|-		\|-
	! width=30%\|You Type		! width=30%\|You Type

TheRoman: /* Usage */

2025-04-27T20:19:03Z

Usage

← Older revision		Revision as of 20:19, 27 April 2025
Line 81:		Line 81:
	\| {{notice\|text=A notice with a blue border.\|border=1px solid blue}}		\| {{notice\|text=A notice with a blue border.\|border=1px solid blue}}
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Prevent Dismissal</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, notices have an "'''x'''" in the top right corner that, if clicked, will make the notice disappear.<span style="font-size: 125%;">''''''</span> You can pass <code>dismiss=no</code> to hide the "'''x'''", preventing the option to hide the notice. To unhide any notices you may have previously dismissed, select "Reset Notices" from the Tools menu.<br><br><span style="font-size: 125%;">''''''</span><span style="font-size: 90%;">Only users who are logged in have the ability to dismiss notices. Anonymous users (i.e., not logged in) cannot dismiss notices, regardless if <code>dismiss=no</code> is passed.</span></span></div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Prevent Dismissal</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, notices have an "'''x'''" in the top right corner that, if clicked, will make the notice disappear.<span style="font-size: 125%;">''''''</span> You can pass <code>dismiss=no</code> to hide the "'''x'''", preventing the option to hide the notice. To unhide any notices you may have previously dismissed, select "Reset Notices" from the Tools menu in the upper, right hand corner of the page.<br><br><span style="font-size: 125%;">''''''</span><span style="font-size: 90%;">Only users who are logged in have the ability to dismiss notices. Anonymous users (i.e., not logged in) cannot dismiss notices, regardless if <code>dismiss=no</code> is passed.</span></span></div>
	\|-		\|-
	! width=30%\|You Type		! width=30%\|You Type

TheRoman at 20:18, 27 April 2025

2025-04-27T20:18:21Z

← Older revision		Revision as of 20:18, 27 April 2025
Line 81:		Line 81:
	\| {{notice\|text=A notice with a blue border.\|border=1px solid blue}}		\| {{notice\|text=A notice with a blue border.\|border=1px solid blue}}
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Prevent Dismissal</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, notices have an "x" in the top right corner that, if clicked, will make the notice disappear.<span style="font-size: 125%;">''''''</span> You can pass <code>dismiss=no</code> to hide the "x", preventing the option to hide the notice. To unhide any notices you may have previously dismissed, select "Reset Notices" from the Tools menu.<br><br><span style="font-size: 125%;">''''''</span><span style="font-size: 90%;">Only users who are logged in have the ability to dismiss notices. Anonymous users (i.e., not logged in) cannot dismiss notices, regardless if <code>dismiss=no</code> is passed.</span></span></div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Prevent Dismissal</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, notices have an "'''x'''" in the top right corner that, if clicked, will make the notice disappear.<span style="font-size: 125%;">''''''</span> You can pass <code>dismiss=no</code> to hide the "'''x'''", preventing the option to hide the notice. To unhide any notices you may have previously dismissed, select "Reset Notices" from the Tools menu.<br><br><span style="font-size: 125%;">''''''</span><span style="font-size: 90%;">Only users who are logged in have the ability to dismiss notices. Anonymous users (i.e., not logged in) cannot dismiss notices, regardless if <code>dismiss=no</code> is passed.</span></span></div>
	\|-		\|-
	! width=30%\|You Type		! width=30%\|You Type

TheRoman at 20:15, 27 April 2025

2025-04-27T20:15:45Z

← Older revision		Revision as of 20:15, 27 April 2025
Line 26:		Line 26:
	\| {{notice\|text=This is a notice.}}		\| {{notice\|text=This is a notice.}}
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Add a ~~Heading~~</span><br><div style="text-align: left;"><span style="font-weight: normal;">You have the option to also add a bold header by passing <code>header=</code>.<br><span style="font-size: 90%;"><br>'''Note:''' If you wish for the regular text to be bold, surround your <code>text=</code> input with triple apostrophes. (<code><nowiki>'''INPUT'''</nowiki></code>)</span></span></div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Add a Bold Header</span><br><div style="text-align: left;"><span style="font-weight: normal;">You have the option to also add a bold header by passing <code>header=</code>.<br><span style="font-size: 90%;"><br>'''Note:''' If you wish for the regular text to be bold, surround your <code>text=</code> input with triple apostrophes. (<code><nowiki>'''INPUT'''</nowiki></code>)</span></span></div>
	\|-		\|-
	! width=30%\|You Type		! width=30%\|You Type

TheRoman at 19:27, 27 April 2025

2025-04-27T19:27:52Z

← Older revision		Revision as of 19:27, 27 April 2025
Line 13:		Line 13:
	</includeonly><noinclude>		</includeonly><noinclude>
	== Description ==		== Description ==
	This template is a parent template that helps build [[:~~Category~~: Notices\|Notice Templates]]. It is not intended to be used on its own, but rather to be used to help build other [[:Template:Notice#Derivative Templates\|derivative templates]].		This template is a parent template that helps build [[:Help:Templates#Notices\|Notice Templates]]. It is not intended to be used on its own, but rather to be used to help build other [[:Template:Notice#Derivative Templates\|derivative templates]].

	== Usage ==		== Usage ==

TheRoman: /* Usage */

2025-04-26T06:16:34Z

Usage

← Older revision		Revision as of 06:16, 26 April 2025
Line 92:		Line 92:
	\| {{notice\|text=This notice is not dismissible.\|dismiss=no}}		\| {{notice\|text=This notice is not dismissible.\|dismiss=no}}
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Clear Other Elements</span><br><div style="text-align: left;"><span style="font-weight: normal;">On very rare occasions, a notice may overlap with other elements present on the page. You can prevent this by passing <code>clear=yes</code>. '''This parameter should only be used as a last resort as passing it may give unexpected or undesired results. Instead, try adjusting using the width or alignment parameters or adding a line break between the notice template and the other element.'''</span></div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Clear Other Elements</span><br><div style="text-align: left;"><span style="font-weight: normal;">On very rare occasions, a notice may overlap with other elements present on the page. You can prevent this by passing <code>clear=yes</code>. '''This parameter should only be used as a last resort as passing it may give unexpected or undesired results. Instead, try adjusting using the width or alignment parameters or adding a line break between the notice template and the other element(s).'''</span></div>
	\|-		\|-
	! width=30%\|You Type		! width=30%\|You Type

TheRoman: /* Usage */

2025-04-26T06:14:39Z

Usage

← Older revision		Revision as of 06:14, 26 April 2025
Line 59:		Line 59:
	\| {{notice\|text=A left aligned notice.\|align=left}}{{notice\|text=A right aligned notice.\|align=right}}		\| {{notice\|text=A left aligned notice.\|align=left}}{{notice\|text=A right aligned notice.\|align=right}}
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Adjust Color</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing <code>color=</code> with a color value in one of three forms:<br>1. A [https://htmlcolorcodes.com/color-names/ Named HTML Color] (e.g., <code>red</code>)<br>2. A [https://www.color-hex.com hex color code] (e.g., <code>#ff0000</code>)<br>3. An [https://rgbcolorpicker.com RGB/RGBA value] (e.g., <code>rgb(255, 0, 0)</code>)<br><br>Please select a color light enough that the black text remains legible.<span style="font-size: 90%;"><br><br>'''Note:''' By adding a color value, the border is removed.<span></span></div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Adjust Color</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing <code>color=</code> with a color value in one of three forms:<br>1. A [https://htmlcolorcodes.com/color-names/ Named HTML Color] (e.g., <code>red</code>)<br>2. A [https://www.color-hex.com hex color code] (e.g., <code>#ff0000</code>)<br>3. An [https://rgbcolorpicker.com RGB/RGBA value] (e.g., <code>rgb(255, 0, 0)</code>)<br><br>Please select a shade of color light enough that the black text remains legible.<span style="font-size: 90%;"><br><br>'''Note:''' By adding a color value, the border is removed.<span></span></div>
	\|-		\|-
	! width=30%\|You Type		! width=30%\|You Type

TheRoman: /* Usage */

2025-04-26T06:14:14Z

Usage

← Older revision		Revision as of 06:14, 26 April 2025
Line 59:		Line 59:
	\| {{notice\|text=A left aligned notice.\|align=left}}{{notice\|text=A right aligned notice.\|align=right}}		\| {{notice\|text=A left aligned notice.\|align=left}}{{notice\|text=A right aligned notice.\|align=right}}
	\|-		\|-
	! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Adjust Color</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing <code>color=</code> with a color value in one of three forms:<br>1. A [https://htmlcolorcodes.com/color-names/ Named HTML Color] (e.g., <code>red</code>)<br>2. A [https://www.color-hex.com hex color code] (e.g., <code>#ff0000</code>)<br>3. An [https://rgbcolorpicker.com RGB/RGBA value] (e.g., <code>rgb(255, 0, 0)</code>)<br><br>Please select a color light enough that the black text ~~is still~~ legible.<span style="font-size: 90%;"><br><br>'''Note:''' By adding a color value, the border is removed.<span></span></div>		! colspan="2" style="text-align: center;" \| <span style="font-size: 125%;">Adjust Color</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing <code>color=</code> with a color value in one of three forms:<br>1. A [https://htmlcolorcodes.com/color-names/ Named HTML Color] (e.g., <code>red</code>)<br>2. A [https://www.color-hex.com hex color code] (e.g., <code>#ff0000</code>)<br>3. An [https://rgbcolorpicker.com RGB/RGBA value] (e.g., <code>rgb(255, 0, 0)</code>)<br><br>Please select a color light enough that the black text remains legible.<span style="font-size: 90%;"><br><br>'''Note:''' By adding a color value, the border is removed.<span></span></div>
	\|-		\|-
	! width=30%\|You Type		! width=30%\|You Type