This is a documentation for Board Game Arena: play board games online !

Template:Note: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
Sammy McSam (talk | contribs)
+collapsed state variable
Sammy McSam (talk | contribs)
state renamed collapsed, text color removed, +borderDark +backgroundDark
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<onlyinclude><div style="padding:.5em .75em;margin:.5em 0;min-height:1.5rem;border:1px solid {{{2|#ddd}}};background-color:{{{b|color-mix(in oklch,{{{2|#ddd}}} 8%,#fff0)}}};color:{{{c|#333}}};width:min-content;{{{s|width:initial}}}"><span class="mw-{{{s}}}ollapsible mw-{{{s}}}ollapsed" style="display:flex;align-items:center;gap:.75em;"><span class="mw-{{{s}}}ollapsible-toggle" flex-shrink:0">{{{i|{{gameIcon
<onlyinclude><div style="padding:.5em .75em;margin:.5em 0;min-height:1.5rem;border:1px solid light-dark({{{border|#ddd}}},{{{borderDark|{{{border|#ddd}}}}}});background:light-dark({{{background|color-mix(in oklch,{{{border|#ddd}}} 8%,#fff0)}}},{{{backgroundDark|#0000}}});width:fit-content;{{{collapsed|width:initialx}}}"><span class="mw-collapsible{{{collapsed|x}}} mw-collapsed{{{collapsed|x}}}" style="display:flex;align-items:center;gap:.75em;"><span class="mw-collapsible-toggle{{{collapsed|x}}}">{{{icon|{{gameIcon
|tooltip=
|tooltip=
|imageFileName=MediaWiki-note-icons.png
|imageFileName=MediaWiki-note-icons.png
Line 8: Line 8:
}}}}}</span><span class="mw-collapsible-content">{{{1|Note}}}</span></span></div></onlyinclude>
}}}}}</span><span class="mw-collapsible-content">{{{1|Note}}}</span></span></div></onlyinclude>


== Pages that use {{FULLPAGENAME}} ==
== Pages using {{FULLPAGENAME}} ==


{{Special:WhatLinksHere/{{FULLPAGENAME}}}}
{{Special:WhatLinksHere/{{FULLPAGENAME}}}}
Line 21: Line 21:
   <div>{{text|w=bold|Result}}</div>
   <div>{{text|w=bold|Result}}</div>
   <div>{{text|w=bold|Description}}</div>
   <div>{{text|w=bold|Description}}</div>
   <div>{{code|i}}</div>
   <div>{{code|icon}}</div>
   <div>icon</div>
   <div>icon</div>
   <div>{{gameIcon
   <div>{{gameIcon
Line 30: Line 30:
     |height=25
     |height=25
     }}</div>
     }}</div>
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|i={{SplendorDuelAbility|4}}</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|icon={{SplendorDuelAbility|4}}</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{note|i={{SplendorDuelAbility|4}}}}</div>
   <div>{{note|icon={{SplendorDuelAbility|4}}}}</div>
   <div>'''''Optional:''''' icon e.g. as a {{code|<nowiki>{{gameIcon}}</nowiki>}}.</div>
   <div>Icon e.g. as a [[Template:gameIcon]].</div>
   <div>{{code|n}}</div>
   <div>{{code|n}}</div>
   <div>number</div>
   <div>number</div>
Line 38: Line 38:
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|n=2</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|n=2</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{note|n=2}}</div>
   <div>{{note|n=2}}</div>
   <div>'''''Optional:''''' icon preset as an integer {{code|0}}-{{code|3}}.</div>
   <div>Icon preset as an integer<br>{{code|1}} {{gameIcon
|tooltip=
|imageFileName=MediaWiki-note-icons.png
|scale=.5
|width=25
|height=25
|x=1*25
}} / {{code|2}} {{gameIcon
|tooltip=
|imageFileName=MediaWiki-note-icons.png
|scale=.5
|width=25
|height=25
|x=2*25
}} / {{code|3}} {{gameIcon
|tooltip=
|imageFileName=MediaWiki-note-icons.png
|scale=.5
|width=25
|height=25
|x=3*25
}}.</div>
   <div>1</div>
   <div>1</div>
   <div>text</div>
   <div>text</div>
Line 44: Line 65:
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|Message</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|Message</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{note|Message}}</div>
   <div>{{note|Message}}</div>
   <div>'''''Required:''''' content.</div>
   <div>Content.</div>
   <div>2</div>
   <div>{{code|border}}<br>{{code|borderDark}}</div>
   <div>border color</div>
   <div>border color</div>
   <div>{{code|#ddd}} (light grey)</div>
   <div>{{code|#ddd}} (light grey)<br>{{code|border}}</div>
   <div>{{code|<nowiki>{{note|Message</nowiki>{{text|<nowiki>|green</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|border=lightgreen</nowiki>|#cfc}}<br>{{text|<nowiki>|borderDark=purple</nowiki>|#fcf}}<nowiki>}}</nowiki>}}</div>
   <div>{{note|Message|green}}</div>
   <div>{{note|border=lightgreen|borderDark=purple}}</div>
   <div>'''''Optional:''''' border color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div>
   <div>Border color in light/dark mode as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div>
   <div>{{code|b}}</div>
   <div>{{code|background}}<br>{{code|backgroundDark}}</div>
   <div>background</div>
   <div>background</div>
   <div>lighter shade of border color</div>
   <div>translucent {{code|border}}<br>transparent</div>
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|b=lightgreen</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|background=lightgreen</nowiki>|#cfc}}<br>{{text|<nowiki>|backgroundDark=purple</nowiki>|#fcf}}<nowiki>}}</nowiki>}}</div>
  <div>{{note|b=lightgreen}}</div>
   <div>{{note|background=lightgreen|backgroundDark=purple}}</div>
  <div>'''''Optional:''''' background as a [https://developer.mozilla.org/en-US/docs/Web/CSS/background CSS background value].</div>
   <div>Background in light/dark mode as a [https://developer.mozilla.org/en-US/docs/Web/CSS/background CSS background value].</div>
  <div>{{code|c}}</div>
   <div>{{code|collapsed}}</div>
  <div>text color</div>
   <div>collapsed</div>
  <div>{{code|#333}} (dark grey)</div>
  <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|c=green</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{note|c=green}}</div>
   <div>'''''Optional:''''' text color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div>
   <div>{{code|s}}</div>
   <div>state</div>
   <div>expanded</div>
   <div>expanded</div>
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|s=c</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{code|<nowiki>{{note</nowiki>{{text|<nowiki>|collapsed=</nowiki>|#cfc}}<nowiki>}}</nowiki>}}</div>
   <div>{{note|s=c}}</div>
   <div>{{note|collapsed=}}</div>
   <div>'''''Optional:''''' render the note text collapsed by default with the icon as the toggle.</div>
   <div>Collapsed by default (icon is the toggle).</div>
</div>
</div>


[[Category:NoteTemplates]]
[[Category:NoteTemplates]]

Latest revision as of 01:38, 24 October 2026

​Note

Pages using Template:Note

Parameters

Id
Name
Default
Example
Result
Description
icon
icon
​
{{note|icon={{SplendorDuelAbility|4}}}}
ability 4​Note
Icon e.g. as a Template:gameIcon.
n
number
0
{{note|n=2}}
​Note
Icon preset as an integer
1 ​ / 2 ​ / 3 ​.
1
text
Note
{{note|Message}}
​Message
Content.
border
borderDark
border color
#ddd (light grey)
border
{{note|border=lightgreen
|borderDark=purple}}
​Note
Border color in light/dark mode as a CSS color value.
background
backgroundDark
background
translucent border
transparent
{{note|background=lightgreen
|backgroundDark=purple}}
​Note
Background in light/dark mode as a CSS background value.
collapsed
collapsed
expanded
{{note|collapsed=}}
​Note
Collapsed by default (icon is the toggle).