Template:Notice: Difference between revisions

m Added clarifying note to the "Adjust Color" section.
m Changed asterisk in "Prevent Dismissal" section to a superscript number.
 
(One intermediate revision by the same user not shown)
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 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
!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".