Template:Notice: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 57: | Line 57: | ||
|- style="text-align: left; background-color: white;" | |- style="text-align: left; background-color: white;" | ||
| <pre>{{notice | | <pre>{{notice | ||
|text= | |text=A left/right aligned notice. | ||
|align=LEFT/RIGHT | |align=LEFT/RIGHT | ||
}}</pre> | }}</pre> | ||
| {{notice|text= | | {{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: 115%;">Adjust Color</span><br><span style="font-weight: normal;">By default, the notice will have a light gray background with a gray border.<br>You can adjust its background color by passing <code>color=</code> with a color value in one of three forms:<br><div style="text-align: left; display: inline-block;">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>)<div><span style="font-size: 90%;">'''Note:''' By adding a color value, the border is removed.<span></span> | ! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Adjust Color</span><br><span style="font-weight: normal;">By default, the notice will have a light gray background with a gray border.<br>You can adjust its background color by passing <code>color=</code> with a color value in one of three forms:<br><div style="text-align: left; display: inline-block;">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>)<div><span style="font-size: 90%;">'''Note:''' By adding a color value, the border is removed.<span></span> | ||
| Line 68: | Line 68: | ||
|- style="text-align: left; background-color: white;" | |- style="text-align: left; background-color: white;" | ||
| <pre>{{notice | | <pre>{{notice | ||
|text= | |text=A light green notice. | ||
|color=#bdcca1 | |color=#bdcca1 | ||
}}</pre> | }}</pre> | ||
| {{notice|text= | | {{notice|text=A light green notice.|color=#bdcca1}} | ||
|- | |- | ||
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Add a Border</span><br><span style="font-weight: normal;"> | ! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Add a Border</span><br><span style="font-weight: normal;">'''It is preferred to have notices display without a border''', however you can add a border by passing <code>border=</code>.<br>Your input should follow the standard HTML border format of <code>SIZE PATTERN COLOR</code>, e.g., <code>1px solid blue</code>.<br><span style="font-size: 90%;">'''Note:''' You can find further details on HTML borders [https://coding-help.fandom.com/wiki/Borders here].</span></span> | ||
|- | |- | ||
! width=30%|You Type | ! width=30%|You Type | ||
| Line 79: | Line 79: | ||
|- style="text-align: left; background-color: white;" | |- style="text-align: left; background-color: white;" | ||
| <pre>{{notice | | <pre>{{notice | ||
|text= | |text=A notice with a blue border. | ||
|border=1px solid blue | |border=1px solid blue | ||
}}</pre> | }}</pre> | ||
| {{notice|text= | | {{notice|text=A notice with a blue border.|border=1px solid blue}} | ||
|- | |- | ||
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Prevent Dismissal</span><br><span style="font-weight: normal;">Explanation</span> | ! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Prevent Dismissal</span><br><span style="font-weight: normal;">Explanation</span> | ||
Revision as of 22:58, 24 April 2025
Description
This template is a parent template that helps build Notice Templates. It is not intended to be used on its own, but rather to be used to help build other derivative templates.
Usage
| Text Only The only required parameter for this template is text=, which will populate the template with your input.
| |
|---|---|
| You Type | You Get |
{{notice
|text=This is a notice.
}}
|
|
| Add a Heading You have the option to also add a bold header by passing
header=.Note: If you wish for the main text to be bold, surround your text= input with triple apostrophes. ('''INPUT''') | |
| You Type | You Get |
{{notice
|header=This is a header.
|text=This is the regular text.
}}
|
|
| Adjust Width By default, the width of the notice will be 65% the width of the page or container where it is used. You can adjust this value by passing width= and defining the width as either a percentage (e.g., 80%) or a pixel width (e.g., 300px).
| |
| You Type | You Get |
{{notice
|text=This notice's width is 100%.
|width=100%
}}
|
|
| Adjust Alignment By default, the notice will be centered on the page or in the container where it is used. You can adjust its alignment by passing align= with either the value LEFT or RIGHT.
| |
| You Type | You Get |
{{notice
|text=A left/right aligned notice.
|align=LEFT/RIGHT
}}
|
|
| Adjust Color By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing color= with a color value in one of three forms:1. A Named HTML Color (e.g., red)2. A hex color code (e.g., #ff0000 )3. An RGB/RGBA value (e.g., rgb(255, 0, 0))Note: By adding a color value, the border is removed.
| |
| You Type | You Get |
{{notice
|text=A light green notice.
|color=#bdcca1
}}
|
|
| Add a Border It is preferred to have notices display without a border, however you can add a border by passing border=.Your input should follow the standard HTML border format of SIZE PATTERN COLOR, e.g., 1px solid blue.Note: You can find further details on HTML borders here. | |
| You Type | You Get |
{{notice
|text=A notice with a blue border.
|border=1px solid blue
}}
|
|
| Prevent Dismissal Explanation | |
| You Type | You Get |
{{notice
|text=This notice is not dismissible.
|dismiss=no
}}
|
|
| Clear Other Elements Explanation | |
| You Type | You Get |
Without using clear=yes.
| |
{{quote}}{{notice
|text=This notice is not using "clear=yes".
}}
|
|
Using clear=yes.
| |
{{quote}}{{notice
|text=This notice is using "clear=yes".
|clear=yes
}}
|
|
Derivative Templates
- Template:Partial (transclusion) (← links | edit)
- Template:Complete (transclusion) (← links | edit)
- Template:Notice (transclusion) (← links | edit)
- Template:Stub (transclusion) (← links | edit)
- Template:Copyright (transclusion) (← links | edit)
- Template:Delete (transclusion) (← links | edit)
- Template:Spoiler (transclusion) (← links | edit)
- Template:Claim (transclusion) (← links | edit)
- Template:Theory (transclusion) (← links | edit)
- Template:Rename (transclusion) (← links | edit)
- Template:Test/A (transclusion) (← links | edit)
- Template:Editlock (← links | edit)
- Template:Update (transclusion) (← links | edit)