This is a documentation for Board Game Arena: play board games online !
Template:Text: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) No edit summary |
Sammy McSam (talk | contribs) (compressed | removed: bg (fallback for old browsers), bgd | replaced: bg1→2, bg2→3, wrap→wr, h→x, v→y, rem→em) |
||
| Line 1: | Line 1: | ||
<span style="color:{{{c}}};font-size:{{{s}}} | <span style="color:{{{c}}};font-size:{{{s}}}em;font-weight:{{{w}}};font-style:{{{i}}};font-family:{{{f}}};white-space:{{{wr}}};-webkit-text-stroke:{{{ow|.5}}}px {{{oc}}};border:{{{bw|2}}}px {{{bs|solid}}} {{{bc}}};border-radius:{{{br}}}em;padding:{{{y|0}}}px {{{x|0}}}px {{{y|0}}}px {{{x|0}}}px;background:linear-gradient(90deg in oklch,{{{2|#fff0}}},{{{3|{{{2|#fff0}}}}}})">{{{1|A}}}</span><noinclude> | ||
== Examples == | == Examples == | ||
{{text|c=blue|Inside this blue text template you can nest other {{text|c= | <div style="font-size:1rem;"> | ||
{{text|c=blue|Inside this blue text template you can nest other {{text|red|c=red}}, {{text|bold|w=bold}}, {{text|bigger|s=1.4}}, {{text|yellow highlight|yellow}}, {{text|orange to green gradient|#fc8|#cf8}}, {{text|circled|bc=red|br=1|x=4}} text templates or any other customised combination!}} | |||
{{text|f=monospace|<nowiki>{{text|c=blue|Inside this blue text template you can nest other {{text|c=red|red}}, {{text|w=bold|bold}}, {{text|s=1. | {{text|f=monospace|c=blue|<nowiki>{{text|c=blue|Inside this blue text template you can nest other </nowiki>{{text|c=red|<nowiki>{{text|red|c=red}}</nowiki>}}, {{text|c=black|w=bold|<nowiki>{{text|bold|w=bold}}</nowiki>}}, {{text|c=black|s=1.4|<nowiki>{{text|bigger|s=1.4}}</nowiki>}}, {{text|c=black|<nowiki>{{text|yellow highlight|yellow}}</nowiki>|yellow}}, {{text|c=black|<nowiki>{{text|orange to green gradient|#fc8|#cf8}}</nowiki>|#fc8|#cf8}}, {{text|c=black|bc=red|br=1|x=4|<nowiki>{{text|circled|bc=red|br=1|x=4}}</nowiki>}} text templates or any other customised combination!<nowiki>}}</nowiki>}} | ||
</div> | |||
=== [[Template:Pill]] === | === [[Template:Pill]] === | ||
{{pill|pill background|green}} | {{pill|pill background|green}} | ||
| Line 13: | Line 16: | ||
=== [[Template:Code]] === | === [[Template:Code]] === | ||
{{code|red color code}} | {{code|red color code}} | ||
| Line 18: | Line 22: | ||
== Parameters == | == Parameters == | ||
=== | |||
=== Text === | |||
<div style="display:grid;grid-template-columns:repeat(5,max-content) 1fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;"> | <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|Id}}</div> | ||
| Line 26: | Line 31: | ||
<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 | <div>1</div> | ||
<div>text</div> | <div>text</div> | ||
<div><code>A</code></div> | <div><code>A</code></div> | ||
<div><code><nowiki>{{text|some text}}</nowiki></code></div> | <div><code><nowiki>{{text|some text}}</nowiki></code></div> | ||
<div>{{text | <div>{{text|some text}}</div> | ||
<div>'''''Required:''''' content.</div> | <div>'''''Required:''''' content.</div> | ||
<div><code>c</code></div> | <div><code>c</code></div> | ||
<div>color</div> | <div>color</div> | ||
<div>unchanged</div> | <div>unchanged</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|c=green|<nowiki>|c=green}}</nowiki>}}</code></div> | ||
<div>{{text| | <div>{{text|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>'''''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><code>s</code></div> | ||
<div>size</div> | <div>size</div> | ||
<div>unchanged</div> | <div>unchanged</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|s=1.5|<nowiki>|s=1.5}}</nowiki>}}</code></div> | ||
<div>{{text|s=1. | <div>{{text|some text|s=1.5}}</div> | ||
<div>'''''Optional:''''' text size in [https://developer.mozilla.org/en-US/docs/Web/CSS/length# | <div>'''''Optional:''''' relative text size in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#em em units] (<code>1em</code> = unchanged size).</div> | ||
<div><code>w</code></div> | <div><code>w</code></div> | ||
<div>weight</div> | <div>weight</div> | ||
<div>unchanged</div> | <div>unchanged</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|w=bold|<nowiki>|w=bold}}</nowiki>}}</code></div> | ||
<div>{{text| | <div>{{text|some text|w=bold}}</div> | ||
<div>'''''Optional:''''' text weight as a [https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight CSS {{code|c=#3366cc|font-weight}} value].</div> | <div>'''''Optional:''''' text weight as a [https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight CSS {{code|c=#3366cc|font-weight}} value].</div> | ||
<div><code>i</code></div> | <div><code>i</code></div> | ||
<div>italic</div> | <div>italic</div> | ||
<div>unchanged</div> | <div>unchanged</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|i=italic|<nowiki>|i=italic}}</nowiki>}}</code></div> | ||
<div>{{text| | <div>{{text|some text|i=italic}}</div> | ||
<div>'''''Optional:''''' text style as a [https://developer.mozilla.org/en-US/docs/Web/CSS/font-style CSS {{code|c=#3366cc|font-style}} value].</div> | <div>'''''Optional:''''' text style as a [https://developer.mozilla.org/en-US/docs/Web/CSS/font-style CSS {{code|c=#3366cc|font-style}} value].</div> | ||
<div><code>f</code></div> | <div><code>f</code></div> | ||
<div>font</div> | <div>font</div> | ||
<div>unchanged</div> | <div>unchanged</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|f=cursive|<nowiki>|f=cursive</nowiki>}}<nowiki>}}</nowiki></code></div> | ||
<div>{{text| | <div>{{text|some text|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>'''''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><code>oc</code></div> | <div><code>oc</code></div> | ||
<div>outline color</div> | <div>outline color</div> | ||
<div>transparent</div> | <div>transparent</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code><nowiki>|c=transparent</nowiki></code><br><code>{{text|c=transparent|oc=green|<nowiki>|oc=green</nowiki>}}<nowiki>}}</nowiki></code></div> | ||
<div>{{text| | <div>{{text|some text|c=transparent|oc=green}}</div> | ||
<div>'''''Optional:''''' text outline color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div> | <div>'''''Optional:''''' text outline color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div> | ||
<div><code>ow</code></div> | <div><code>ow</code></div> | ||
<div>outline weight</div> | <div>outline weight</div> | ||
<div><code>0. | <div><code>0.5</code></div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code><nowiki>|c=transparent</nowiki></code><br><code>{{text|wrap=nowrap|c=transparent|oc=grey|ow=1|<nowiki>|oc=grey|ow=1</nowiki>}}<nowiki>}}</nowiki></code></div> | ||
<div>{{text| | <div>{{text|some text|c=transparent|oc=grey|ow=1}}</div> | ||
<div>'''''Optional:''''' text outline weight in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#px px units].</div> | <div>'''''Optional:''''' text outline weight in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#px px units].</div> | ||
<div><code> | <div><code>wr</code></div> | ||
<div>wrap</div> | <div>wrap</div> | ||
<div><code>wrap</code></div> | <div><code>wrap</code></div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text|wr=nowrap}}</nowiki></code></div> | ||
<div>{{text| | <div>{{text|some text|wr=nowrap}}</div> | ||
<div>'''''Optional:''''' prevent line breaks.</div> | <div>'''''Optional:''''' prevent line breaks.</div> | ||
</div> | </div> | ||
=== | === Background & border === | ||
<div style="display:grid;grid-template-columns:repeat(5,max-content) 1fr;gap:0.5rem;overflow:auto;text-overflow:ellipsis;"> | <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|Id}}</div> | ||
| Line 90: | Line 95: | ||
<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> | <div>2</div> | ||
<div>background</div> | <div>background</div> | ||
<div>transparent</div> | <div>transparent</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|<nowiki>|lightgreen</nowiki>|lightgreen}}<nowiki>}}</nowiki></code></div> | ||
<div>{{text| | <div>{{text|some text|lightgreen}}</div> | ||
<div>'''''Optional:''''' background color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</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>{{text|some text</nowiki></code><br><code><nowiki>|transparent</nowiki></code><br><code>{{text|<nowiki>|lightgreen</nowiki>|transparent|lightgreen}}<nowiki>}}</nowiki></code></div> | |||
<div>{{text|some text|transparent|lightgreen}}</div> | |||
<div>'''''Optional:''''' background stop color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div> | |||
<div><code>bc</code></div> | <div><code>bc</code></div> | ||
<div>border color</div> | <div>border color</div> | ||
<div>transparent</div> | <div>transparent</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|bc=green|<nowiki>|bc=green</nowiki>}}<nowiki>}}</nowiki></code></div> | ||
<div>{{text| | <div>{{text|some text|bc=green}}</div> | ||
<div>'''''Optional:''''' border color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div> | <div>'''''Optional:''''' border color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div> | ||
<div><code>bw</code></div> | <div><code>bw</code></div> | ||
<div>border weight</div> | <div>border weight</div> | ||
<div><code>1</code></div> | <div><code>1</code></div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|wrap=nowrap|bc=grey|bw=4|<nowiki>|bc=grey|bw=4</nowiki>}}<nowiki>}}</nowiki></code></div> | ||
<div>{{text| | <div>{{text|some text|bc=grey|bw=4}}</div> | ||
<div>'''''Optional:''''' border weight in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#px px units].</div> | <div>'''''Optional:''''' border weight in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#px px units].</div> | ||
<div><code>bs</code></div> | <div><code>bs</code></div> | ||
<div>border style</div> | <div>border style</div> | ||
<div><code>solid</code></div> | <div><code>solid</code></div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|wrap=nowrap|bc=grey|bs=dashed|<nowiki>|bc=grey|bs=dashed</nowiki>}}<nowiki>}}</nowiki></code></div> | ||
<div>{{text| | <div>{{text|some text|bc=grey|bs=dashed}}</div> | ||
<div>'''''Optional:''''' border style as a [https://developer.mozilla.org/en-US/docs/Web/CSS/border-style CSS {{code|c=#3366cc|border-style}} value].</div> | <div>'''''Optional:''''' border style as a [https://developer.mozilla.org/en-US/docs/Web/CSS/border-style CSS {{code|c=#3366cc|border-style}} value].</div> | ||
<div><code> | <div><code>br</code></div> | ||
<div> | <div>border radius</div> | ||
<div>0</div> | <div>0</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|bc=grey|x=4|br=1|<nowiki>|bc=grey|x=4|br=1</nowiki>}}<nowiki>}}</nowiki></code></div> | ||
<div>{{text| | <div>{{text|some text|bc=grey|x=4|br=1}}</div> | ||
<div>'''''Optional:''''' | <div>'''''Optional:''''' border radius in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#em em units] (<code>1em</code> = unchanged font <code>s</code>ize).</div> | ||
<div><code> | <div><code>x</code></div> | ||
<div>horizontal | <div>horizontal spacing</div> | ||
<div>0</div> | <div>0</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code>{{text|bc=grey|x=8|<nowiki>|bc=grey|x=8</nowiki>}}<nowiki>}}</nowiki></code></div> | ||
<div>{{text| | <div>{{text|some text|bc=grey|x=8}}</div> | ||
<div>'''''Optional:''''' horizontal spacing in [https://developer.mozilla.org/en-US/docs/Web/CSS/length# | <div>'''''Optional:''''' horizontal spacing in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#px px units].</div> | ||
<div><code> | <div><code>y</code></div> | ||
<div> | <div>vertical spacing</div> | ||
<div>0</div> | <div>0</div> | ||
<div><code><nowiki>{{text| | <div><code><nowiki>{{text|some text</nowiki></code><br><code><span style="line-height:2.6;">{{text|bc=grey|y=8|<nowiki>|bc=grey|y=8</nowiki>}}</span><nowiki>}}</nowiki></code></div> | ||
<div>{{text|some text|bc=grey|y=8}}</div> | |||
<div>'''''Optional:''''' vertical spacing in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#px px units].</div> | |||
<div>{{text | |||
<div>'''''Optional:''''' | |||
</div> | </div> | ||
[[Category:WikiTemplates]] | [[Category:WikiTemplates]] | ||
</noinclude> | </noinclude> | ||
Revision as of 19:31, 1 July 2025
A
Examples
Inside this blue text template you can nest other red, bold, bigger, yellow highlight, orange to green gradient, circled text templates or any other customised combination!
{{text|c=blue|Inside this blue text template you can nest other {{text|red|c=red}}, {{text|bold|w=bold}}, {{text|bigger|s=1.4}}, {{text|yellow highlight|yellow}}, {{text|orange to green gradient|#fc8|#cf8}}, {{text|circled|bc=red|br=1|x=4}} text templates or any other customised combination!}}
Template:Pill
pill background
{{pill|pill background|green}}
Template:Code
red color code
{{code|red color code}}
Parameters
Text
Id
Name
Default
Example
Result
Description
1
text
A{{text|some text}}some text
Required: content.
ccolor
unchanged
{{text|some text|c=green}}some text
Optional: text color as a CSS color value.
ssize
unchanged
{{text|some text|s=1.5}}some text
Optional: relative text size in em units (
1em = unchanged size).wweight
unchanged
{{text|some text|w=bold}}some text
Optional: text weight as a CSS font-weight value.
iitalic
unchanged
{{text|some text|i=italic}}some text
Optional: text style as a CSS font-style value.
ffont
unchanged
{{text|some text|f=cursive}}some text
Optional: font name as a CSS font-family value.
ocoutline color
transparent
{{text|some text|c=transparent|oc=green}}some text
Optional: text outline color as a CSS color value.
owoutline weight
0.5{{text|some text|c=transparent|oc=grey|ow=1}}some text
Optional: text outline weight in px units.
wrwrap
wrap{{text|some text|wr=nowrap}}some text
Optional: prevent line breaks.
Background & border
Id
Name
Default
Example
Result
Description
2
background
transparent
{{text|some text|lightgreen}}some text
Optional: background color as a CSS color value.
3
background
end color
end color
transparent
{{text|some text|transparent|lightgreen}}some text
Optional: background stop color as a CSS color value.
bcborder color
transparent
{{text|some text|bc=green}}some text
Optional: border color as a CSS color value.
bwborder weight
1{{text|some text|bc=grey|bw=4}}some text
Optional: border weight in px units.
bsborder style
solid{{text|some text|bc=grey|bs=dashed}}some text
Optional: border style as a CSS border-style value.
brborder radius
0
{{text|some text|bc=grey|x=4|br=1}}some text
xhorizontal spacing
0
{{text|some text|bc=grey|x=8}}some text
Optional: horizontal spacing in px units.
yvertical spacing
0
{{text|some text|bc=grey|y=8}}some text
Optional: vertical spacing in px units.