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

Template:Text: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(+gradients)
mNo edit summary
Line 1: Line 1:
<span style="color:{{{c}}};font-size:{{{s}}}rem;font-weight:{{{w}}};font-style:{{{i}}};font-family:{{{f}}};white-space:{{{wrap}}};-webkit-text-stroke:{{{ow|0.25}}}px {{{oc}}};border:{{{bw|1}}}px {{{bs|solid}}} {{{bc}}};border-radius:{{{br}}}rem;padding-block:{{{v}}}rem;padding-inline:{{{h}}}rem;background:{{{bg|linear-gradient(calc({{{bgd|0}}}deg + 90deg) in oklch,{{{bg1|#fff0}}},{{{bg2|#fff0}}})}}};">{{{1|A}}}</span><noinclude>
<span style="color:{{{c}}};font-size:{{{s}}}rem;font-weight:{{{w}}};font-style:{{{i}}};font-family:{{{f}}};white-space:{{{wrap}}};-webkit-text-stroke:{{{ow|0.25}}}px {{{oc}}};border:{{{bw|1}}}px {{{bs|solid}}} {{{bc}}};border-radius:{{{br}}}rem;padding-block:{{{v}}}rem;padding-inline:{{{h}}}rem;background-color:{{{bg|#fff0}}};background-image:linear-gradient(calc({{{bgd|0}}}deg + 90deg) in oklch,{{{bg1|#fff0}}},{{{bg2|#fff0}}});">{{{1|A}}}</span><noinclude>


== Examples ==
== Examples ==
Line 137: Line 137:
   <div><code><nowiki>{{text|bg1=lightgreen</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
   <div><code><nowiki>{{text|bg1=lightgreen</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
   <div>{{text|s=1|bg1=lightgreen|some text}}</div>
   <div>{{text|s=1|bg1=lightgreen|some text}}</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 start color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div>
   <div><code>bg2</code></div>
   <div><code>bg2</code></div>
   <div>background<br>stop color</div>
   <div>background<br>stop color</div>
Line 143: Line 143:
   <div><code><nowiki>{{text|bg2=lightgreen</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
   <div><code><nowiki>{{text|bg2=lightgreen</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
   <div>{{text|s=1|bg2=lightgreen|some text}}</div>
   <div>{{text|s=1|bg2=lightgreen|some text}}</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 stop color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div>
   <div><code>bgd</code></div>
   <div><code>bgd</code></div>
   <div>background<br>direction</div>
   <div>background<br>direction</div>

Revision as of 21:49, 22 May 2025

A

Examples

Inside this blue text template you can nest other red, bold, bigger, yellow highlight, circled text templates or any other customised combination! 🡆★☻⚂.

{{text|c=blue|Inside this blue text template you can nest other {{text|c=red|red}}, {{text|w=bold|bold}}, {{text|s=1.2|bigger}}, {{text|bg=yellow|yellow highlight}}, {{text|bc=red|v=0.25|h=0.5|br=1|circled}} 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.
c
color
unchanged
{{text|c=green
|some text}}
some text
Optional: text color as a CSS color value.
s
size
unchanged
{{text|s=1.3
|some text}}
some text
Optional: text size in rem units (1rem = 16px).
w
weight
unchanged
{{text|w=bold
|some text}}
some text
Optional: text weight as a CSS font-weight value.
i
italic
unchanged
{{text|i=italic
|some text}}
some text
Optional: text style as a CSS font-style value.
f
font
unchanged
{{text|f=cursive
|some text}}
some text
Optional: font name as a CSS font-family value.
oc
outline color
transparent
{{text|oc=green
|some text}}
some text
Optional: text outline color as a CSS color value.
ow
outline weight
0.25
{{text|ow=0.5
|oc=green|some text}}
some text
Optional: text outline weight in px units.
wrap
wrap
wrap
{{text|wrap=nowrap
|some text}}
some text
Optional: prevent line breaks.

background & border

Id
Name
Default
Example
Result
Description
bg
background
transparent
{{text|bg=lightgreen
|some text}}
some text
Optional: background color as a CSS color value.
bc
border color
transparent
{{text|bc=green
|some text}}
some text
Optional: border color as a CSS color value.
bw
border weight
1
{{text|bw=1.4
|bc=grey|some text}}
some text
Optional: border weight in px units.
bs
border style
solid
{{text|bs=dashed
|bc=grey|some text}}
some text
Optional: border style as a CSS border-style value.
v
vertical space
0
{{text|v=0.5
|bc=grey|some text}}
some text
Optional: vertical spacing in rem units (1rem = 16px).
h
horizontal space
0
{{text|h=1
|bc=grey|some text}}
some text
Optional: horizontal spacing in rem units (1rem = 16px).
br
border radius
0
{{text|br=1
|bc=grey|v=0.25|h=0.5
|some text}}
some text
Optional: border radius in rem units (1rem = 16px).
bg1
background
start color
transparent
{{text|bg1=lightgreen
|some text}}
some text
Optional: background start color as a CSS color value.
bg2
background
stop color
transparent
{{text|bg2=lightgreen
|some text}}
some text
Optional: background stop color as a CSS color value.
bgd
background
direction
0 (🡆)
{{text|bgd=80
|bg1=lightgrey
|some text}}
some text
Optional: background direction in degrees.
Retrieved from "http:///index.php?title=Template:Text&oldid=25082"