Template:Notice: Difference between revisions

From The Reed and Rite
← Older editNewer edit →
mNo edit summary
mNo edit summary
Line 18: Line 18:
{| style="width: 100%; text-align: left; margin: auto;" class="wikitable"
{| style="width: 100%; text-align: left; margin: auto;" class="wikitable"
|-  
|-  
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Text Only</span><br><span style="font-weight: normal;">Explanation</span>
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Text Only</span><br><span style="font-weight: normal;">The only required parameter for this template is <code>text=</code>, which will populate the template with your input.</span>
|-
|-
! width=40%|You Type
! width=40%|You Type
Line 28: Line 28:
| {{notice|text=This is a notice.}}
| {{notice|text=This is a notice.}}
|-  
|-  
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Add a Heading</span><br><span style="font-weight: normal;">Explanation</span>
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Add a Heading</span><br><span style="font-weight: normal;">You have the option to also add a bold header by passing <code>header=</code>.<br>If you wish for the main text to be bold, surround your <code>text=</code> input with triple apostrophes. (<code><nowiki>'''INPUT'''</nowiki></code>) </span>
|-
|-
! width=30%|You Type
! width=30%|You Type
Line 39: Line 39:
| {{notice|header=This is a header.|text=This is the regular text.}}
| {{notice|header=This is a header.|text=This is the regular text.}}
|-  
|-  
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Adjust Width</span><br><span style="font-weight: normal;">Explanation</span>
! colspan="2" style="text-align: center;" | <span style="font-size: 115%;">Adjust Width</span><br><span style="font-weight: normal;">By default, the width of the notice will be 65%.<br>You can adjust this value by passing <code>width=</code> and defining the width as either a percentage (<code>80%</code>) or a pixel width (<code>300px</code>). </span>
|-
|-
! width=30%|You Type
! width=30%|You Type
Line 130: Line 130:
}}
}}
|}
|}
Here is one example of a potential notice box.
This code on the template page
<code><nowiki>
{{notice|style=background-color:#CCA;
|header=This is the bold title of the box!
|text=This is the regular text with more detail
}}
</nowiki></code>
produces this when the template is used:
{{notice|style=background-color:#CCA;
|header=This is the bold title of the box!
|text=This is the regular text with more detail
}}
Here's another example, this time without the bold line at the top.
This code on the template page
<code><nowiki>
{{notice|style=background-color:#FAA;
|text=This notice doesn't have a bold title
}}
</nowiki></code>
{{notice|style=background-color:#FAA;
|text=This notice doesn't have a bold title
|dismiss=no
}}
:'''Use <code>|clear=yes</code> if the notice is interfering with other elements.
{{notice
|header=This is a test
|text=this is also a test
|color=#bdcca1
|align=left
|width=100%
}}


== Derivative Templates ==
== Derivative Templates ==

Revision as of 21:31, 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.
}}
×
This is a notice.
Add a Heading
You have the option to also add a bold header by passing header=.
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.
}}
×
This is a header.
This is the regular text.
Adjust Width
By default, the width of the notice will be 65%.
You can adjust this value by passing width= and defining the width as either a percentage (80%) or a pixel width (300px).
You Type You Get 
{{notice
|text=This notice's width is 100%.
|width=100%
}}
×
This notice's width is 100%.
Adjust Alignment
Explanation
You Type You Get 
{{notice
|text=This notice is aligned left.
|align=LEFT or RIGHT
}}
×
This notice is aligned left.
×
This notice is aligned right.
Adjust Color
Explanation
You Type You Get 
{{notice
|text=This notice is light green.
|color=#bdcca1
}}
×
This notice is light green.
Add a Border
Explanation (Border Help)
You Type You Get 
{{notice
|text=This notice has a blue border.
|border=1px solid blue
}}
×
This notice has a blue border.
Prevent Dismissal
Explanation
You Type You Get 
{{notice
|text=This notice is not dismissible.
|dismiss=no
}}
This notice is not dismissible.
Clear Other Elements
Explanation
You Type You Get
Without using clear=yes. 
{{quote}}{{notice
|text=This notice is not using "clear=yes".
}}
“

A thing someone said. ”

—Who Said It
×
This notice is not using clear=yes.
Using clear=yes. 
{{quote}}{{notice
|text=This notice is using "clear=yes".
|clear=yes
}}
“

A thing someone said. ”

—Who Said It
×
This notice is using clear=yes.

Derivative Templates

For a full listing, see here.
Retrieved from "https://thereedandrite.org/index.php?title=Template:Notice&oldid=4411"