Template:Notice: Difference between revisions

mNo edit summary
Tag: Manual revert
mNo edit summary
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;">You have the option to also add a bold header by passing <code>header=</code>.<br>'''Note:''' 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>
! 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><span style="font-size: 90%;">'''Note:''' 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></span>
|-
|-
! width=30%|You Type
! width=30%|You Type
Line 62: Line 62:
| {{notice|text=This notice is aligned left.|align=left}}{{notice|text=This notice is aligned right.|align=right}}
| {{notice|text=This notice is aligned left.|align=left}}{{notice|text=This notice is aligned right.|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>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 RGB/RGBA value (e.g., <code>rgb(255, 0, 0)</code>)<br><span style="font-size: 85%;">('''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>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 RGB/RGBA value (e.g., <code>rgb(255, 0, 0)</code>)<br><span style="font-size: 90%;">('''Note:''' By adding a color value, the border is removed.)<span></span>
|-
|-
! width=30%|You Type
! width=30%|You Type