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

Template:Pill: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
<span style="color:{{{2|#000}}};background:{{{3|#eee}}};-webkit-text-stroke:0.25px {{{4|#fff0}}};border-radius:1rem;padding:0.25rem 0.5rem;font-weight:700;font-family:Roboto,Arial,sans-serif;white-space:nowrap;">{{{1|A}}}</span><noinclude>
{{text|{{{1|A}}}|{{{2|#eee}}}|{{{3|{{{2|#eee}}}}}}|c={{{c|oklch(from {{{2|#eee}}} clamp(0,(l/0.64 - 1)*-infinity,1) 0 h)}}}|s={{{s}}}|f={{{f|Roboto,sans-serif}}}|w=700|wr=nowrap|y=4|x=8|br=99}}<noinclude>


== Examples ==
== Examples ==


{{pill|some text|white|green|black}}
{{pill|some text|firebrick}}
<code><nowiki>{{pill|some text|white|green|black}}</nowiki></code>
<code><nowiki>{{pill|some text|firebrick}}</nowiki></code>
 
{{pill|some text|#cf8}}
<code><nowiki>{{pill|some text|#cf8}}</nowiki></code>
 
{{pill|some text|#fc8|#cf8}}
<code><nowiki>{{pill|some text|#fc8|#cf8}}</nowiki></code>


=== [[Gamehelpobsession]] ===
=== [[Gamehelpobsession]] ===
Line 14: Line 20:
|-
|-
|style="background:#eee;"|[[File:Butler.png]]
|style="background:#eee;"|[[File:Butler.png]]
|{{pill|Butler|#2A2275|#fff}}
|{{pill|Butler|#2A2275}}
|style="text-align:left;"|<code><nowiki>{{pill|Butler|#2A2275|white}}</nowiki></code>
|style="text-align:left;"|<code><nowiki>{{pill|Butler|#2A2275}}</nowiki></code>
|-
|-
|style="background:#eee;"|[[File:Valet.png]]
|style="background:#eee;"|[[File:Valet.png]]
|{{pill|Valet|#249167|#fff}}
|{{pill|Valet|#249167}}
|style="text-align:left;"|<code><nowiki>{{pill|Valet|#249167|white}}</nowiki></code>
|style="text-align:left;"|<code><nowiki>{{pill|Valet|#249167}}</nowiki></code>
|-
|-
|style="background:#eee;"|[[File:Lady's Maid.png]]
|style="background:#eee;"|[[File:Lady's Maid.png]]
|{{pill|Lady's Maid|#72116E|#fff}}
|{{pill|Lady's Maid|#72116E}}
|style="text-align:left;"|<code><nowiki>{{pill|Lady's Maid|#72116E|white}}</nowiki></code>
|style="text-align:left;"|<code><nowiki>{{pill|Lady's Maid|#72116E}}</nowiki></code>
|-
|-
|style="background:#eee;"|[[File:Housekeeper.png]]
|style="background:#eee;"|[[File:Housekeeper.png]]
|{{pill|Housekeeper|#E81F35|#fff}}
|{{pill|Housekeeper|#E81F35}}
|style="text-align:left;"|<code><nowiki>{{pill|Housekeeper|#E81F35|white}}</nowiki></code>
|style="text-align:left;"|<code><nowiki>{{pill|Housekeeper|#E81F35}}</nowiki></code>
|-
|-
|style="background:#eee;"|[[File:Footman.png]]
|style="background:#eee;"|[[File:Footman.png]]
|{{pill|Footman|#DFDACD|#222}}
|{{pill|Footman|#DFDACD}}
|style="text-align:left;"|<code><nowiki>{{pill|Footman|#DFDACD|#222}}</nowiki></code>
|style="text-align:left;"|<code><nowiki>{{pill|Footman|#DFDACD}}</nowiki></code>
|}
|}


[[Category:WikiTemplates]]
== Parameters ==
<div style="display:grid;grid-template-columns:repeat(5,max-content) 1fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;">
  <div>{{text|w=bold|Id}}</div>
  <div>{{text|w=bold|Name}}</div>
  <div>{{text|w=bold|Default}}</div>
  <div>{{text|w=bold|Example}}</div>
  <div>{{text|w=bold|Result}}</div>
  <div>{{text|w=bold|Description}}</div>
  <div>1</div>
  <div>text</div>
  <div><code>A</code></div>
  <div><code><nowiki>{{pill|some text}}</nowiki></code></div>
  <div>{{pill|some text}}</div>
  <div>'''''Required:''''' content.</div>
  <div>2</div>
  <div>background</div>
  <div><code>#eee</code> (light grey)</div>
  <div><code><nowiki>{{pill|some text</nowiki></code><br><code><nowiki>|green}}</nowiki></code></div>
  <div>{{pill|some text|green}}</div>
  <div>'''''Optional:''''' background color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div>
  <div>3</div>
  <div>background<br>end color</div>
  <div>transparent</div>
  <div><code><nowiki>{{pill|some text</nowiki></code><br><code><nowiki>|white|lightgreen}}</nowiki></code></div>
  <div>{{pill|some text|white|lightgreen}}</div>
  <div>'''''Optional:''''' background end color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div>
  <div><code>c</code></div>
  <div>text color</div>
  <div>automatic black/white</div>
  <div><code><nowiki>{{pill|some text</nowiki></code><br><code><nowiki>|c=green}}</nowiki></code></div>
  <div>{{pill|some text|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</code></div>
  <div>size</div>
  <div>unchanged</div>
  <div><code><nowiki>{{pill|some text</nowiki></code><br><code><nowiki>|s=1.3}}</nowiki></code></div>
  <div>{{pill|some text|s=1.5}}</div>
  <div>'''''Optional:''''' text size in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#em em units] (<code>1em</code> = unchanged size).</div>
  <div><code>f</code></div>
  <div>font</div>
  <div>Roboto,Arial,sans-serif</div>
  <div><code><nowiki>{{pill|some text</nowiki></code><br><code><nowiki>|f=cursive}}</nowiki></code></div>
  <div>{{pill|some text|s=1.2|f=cursive}}</div>
  <div>'''''Optional:''''' font name as a [https://developer.mozilla.org/en-US/docs/Web/CSS/font-family CSS {{code|c=#3366cc|font-family}} value].</div>
</div>
 
[[Category:TextTemplates]]
</noinclude>
</noinclude>

Latest revision as of 21:15, 1 July 2025

A

Examples

some text {{pill|some text|firebrick}}

some text {{pill|some text|#cf8}}

some text {{pill|some text|#fc8|#cf8}}

Gamehelpobsession

Meeple Name wikitext
Butler.png Butler {{pill|Butler|#2A2275}}
Valet.png Valet {{pill|Valet|#249167}}
Lady's Maid.png Lady's Maid {{pill|Lady's Maid|#72116E}}
Housekeeper.png Housekeeper {{pill|Housekeeper|#E81F35}}
Footman.png Footman {{pill|Footman|#DFDACD}}

Parameters

Id
Name
Default
Example
Result
Description
1
text
A
{{pill|some text}}
some text
Required: content.
2
background
#eee (light grey)
{{pill|some text
|green}}
some text
Optional: background color as a CSS color value.
3
background
end color
transparent
{{pill|some text
|white|lightgreen}}
some text
Optional: background end color as a CSS color value.
c
text color
automatic black/white
{{pill|some text
|c=green}}
some text
Optional: text color as a CSS color value.
s
size
unchanged
{{pill|some text
|s=1.3}}
some text
Optional: text size in em units (1em = unchanged size).
f
font
Roboto,Arial,sans-serif
{{pill|some text
|f=cursive}}
some text
Optional: font name as a CSS font-family value.
Retrieved from "http:///index.php?title=Template:Pill&oldid=25663"