Template:Text - Revision history

Sammy McSam: inline-block option for Template:Pill

2026-08-08T11:18:37Z

inline-block option for Template:Pill

Sammy McSam: Category:TextTemplates

2025-07-01T20:15:08Z

← Older revision		Revision as of 22:15, 1 July 2025
Line 145:		Line 145:
	</div>		</div>

	[[Category:~~WikiTemplates~~]]		[[Category:TextTemplates]]
	</noinclude>		</noinclude>

Sammy McSam: compressed | removed: bg (fallback for old browsers), bgd | replaced: bg1→2, bg2→3, wrap→wr, h→x, v→y, rem→em

2025-07-01T18:31:23Z

compressed | removed: bg (fallback for old browsers), bgd | replaced: bg1→2, bg2→3, wrap→wr, h→x, v→y, rem→em

Show changes

Sammy McSam at 21:13, 22 May 2025

2025-05-22T21:13:20Z

← Older revision		Revision as of 23:13, 22 May 2025
Line 3:		Line 3:
	== Examples ==		== Examples ==

	{{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! 🡆★☻⚂.}}		{{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\|bg1=#fc8\|bg2=#cf8\|orange to green gradient}}, {{text\|bc=red\|v=0.25\|h=0.5\|br=1\|circled}} 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.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! 🡆★☻⚂.}}</nowiki>}}		{{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.2\|bigger}}, {{text\|bg=yellow\|yellow highlight}}, {{text\|bg1=#fc8\|bg2=#cf8\|orange to green gradient}}, {{text\|bc=red\|v=0.25\|h=0.5\|br=1\|circled}} text templates or any other customised combination! 🡆★☻⚂.}}</nowiki>}}

	=== [[Template:Pill]] ===		=== [[Template:Pill]] ===

Sammy McSam at 20:49, 22 May 2025

2025-05-22T20:49:05Z

← Older revision		Revision as of 22:49, 22 May 2025
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>

Sammy McSam: +gradients

2025-05-22T16:02:50Z

+gradients

← Older revision		Revision as of 18:02, 22 May 2025
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}}};">{{{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:{{{bg\|linear-gradient(calc({{{bgd\|0}}}deg + 90deg) in oklch,{{{bg1\|#fff0}}},{{{bg2\|#fff0}}})}}};">{{{1\|A}}}</span><noinclude>

	== Examples ==		== Examples ==
Line 8:		Line 8:

	=== [[Template:Pill]] ===		=== [[Template:Pill]] ===
	{{pill\|pill background~~\|white~~\|green}}		{{pill\|pill background\|green}}

	<code><nowiki>{{pill\|pill background~~\|white~~\|green}}</nowiki></code>		<code><nowiki>{{pill\|pill background\|green}}</nowiki></code>

	=== [[Template:Code]] ===		=== [[Template:Code]] ===
Line 93:		Line 93:
	<div>background</div>		<div>background</div>
	<div>transparent</div>		<div>transparent</div>
	<div><code><nowiki>{{text\|bg=~~green~~</nowiki></code><br><code><nowiki>\|some text}}</nowiki></code></div>		<div><code><nowiki>{{text\|bg=lightgreen</nowiki></code><br><code><nowiki>\|some text}}</nowiki></code></div>
	<div>{{text\|s=1\|bg=~~green\|c=#fff~~\|some text}}</div>		<div>{{text\|s=1\|bg=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 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>
Line 115:		Line 115:
	<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>v</code></div>		<div><code>v</code></div>
	<div>vertical ~~spacing~~</div>		<div>vertical space</div>
	<div>0</div>		<div>0</div>
	<div><code><nowiki>{{text\|v=0.5</nowiki></code><br><code><nowiki>\|bc=grey\|some text}}</nowiki></code></div>		<div><code><nowiki>{{text\|v=0.5</nowiki></code><br><code><nowiki>\|bc=grey\|some text}}</nowiki></code></div>
Line 121:		Line 121:
	<div>'''''Optional:''''' vertical spacing in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem rem units] (<code>1rem</code> = <code>16px</code>).</div>		<div>'''''Optional:''''' vertical spacing in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem rem units] (<code>1rem</code> = <code>16px</code>).</div>
	<div><code>h</code></div>		<div><code>h</code></div>
	<div>horizontal ~~spacing~~</div>		<div>horizontal space</div>
	<div>0</div>		<div>0</div>
	<div><code><nowiki>{{text\|h=1</nowiki></code><br><code><nowiki>\|bc=grey\|some text}}</nowiki></code></div>		<div><code><nowiki>{{text\|h=1</nowiki></code><br><code><nowiki>\|bc=grey\|some text}}</nowiki></code></div>
Line 132:		Line 132:
	<div>{{text\|s=1\|br=1\|bc=grey\|v=0.25\|h=0.5\|some text}}</div>		<div>{{text\|s=1\|br=1\|bc=grey\|v=0.25\|h=0.5\|some text}}</div>
	<div>'''''Optional:''''' border radius in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem rem units] (<code>1rem</code> = <code>16px</code>).</div>		<div>'''''Optional:''''' border radius in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem rem units] (<code>1rem</code> = <code>16px</code>).</div>
			<div><code>bg1</code></div>
			<div>background<br>start color</div>
			<div>transparent</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>'''''Optional:''''' background color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div>
			<div><code>bg2</code></div>
			<div>background<br>stop color</div>
			<div>transparent</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>'''''Optional:''''' background color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div>
			<div><code>bgd</code></div>
			<div>background<br>direction</div>
			<div><code>0</code> (🡆)</div>
			<div><code><nowiki>{{text\|bgd=80</nowiki></code><br><code><nowiki>\|bg1=lightgrey</nowiki></code><br><code><nowiki>\|some text}}</nowiki></code></div>
			<div>{{text\|s=1\|bgd=80\|bg1=lightgrey\|some text}}</div>
			<div>'''''Optional:''''' background direction in [https://developer.mozilla.org/en-US/docs/Web/CSS/angle#deg degrees].</div>
	</div>		</div>

	[[Category:WikiTemplates]]		[[Category:WikiTemplates]]
	</noinclude>		</noinclude>

Sammy McSam: Customisable text template

2025-05-22T13:10:50Z

Customisable text template

New page

<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}}};">{{{1|A}}}</span><noinclude>

== Examples ==

{{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! 🡆★☻⚂.}}

{{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.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! 🡆★☻⚂.}}</nowiki>}}

=== [[Template:Pill]] ===
{{pill|pill background|white|green}}

<code><nowiki>{{pill|pill background|white|green}}</nowiki></code>

=== [[Template:Code]] ===
{{code|red color code}}

<code><nowiki>{{code|red color code}}</nowiki></code>

== Parameters ==
=== text ===
<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><code>1</code></div>
<div>text</div>
<div><code>A</code></div>
<div><code><nowiki>{{text|some text}}</nowiki></code></div>
<div>{{text|s=1|some text}}</div>
<div>'''''Required:''''' content.</div>
<div><code>c</code></div>
<div>color</div>
<div>unchanged</div>
<div><code><nowiki>{{text|c=green</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
<div>{{text|s=1|c=green|some text}}</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>{{text|s=1.3</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
<div>{{text|s=1.3|some text}}</div>
<div>'''''Optional:''''' text size in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem rem units] (<code>1rem</code> = <code>16px</code>).</div>
<div><code>w</code></div>
<div>weight</div>
<div>unchanged</div>
<div><code><nowiki>{{text|w=bold</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
<div>{{text|s=1|w=bold|some text}}</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>italic</div>
<div>unchanged</div>
<div><code><nowiki>{{text|i=italic</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
<div>{{text|s=1|i=italic|some text}}</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>font</div>
<div>unchanged</div>
<div><code><nowiki>{{text|f=cursive</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
<div>{{text|s=1|f=cursive|some text}}</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>outline color</div>
<div>transparent</div>
<div><code><nowiki>{{text|oc=green</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
<div>{{text|s=1|oc=green|some text}}</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>outline weight</div>
<div><code>0.25</code></div>
<div><code><nowiki>{{text|ow=0.5</nowiki></code><br><code>{{text|wrap=nowrap|<nowiki>|oc=green|some text}}</nowiki>}}</code></div>
<div>{{text|s=1|oc=green|ow=0.5|some text}}</div>
<div>'''''Optional:''''' text outline weight in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#px px units].</div>
<div><code>wrap</code></div>
<div>wrap</div>
<div><code>wrap</code></div>
<div><code><nowiki>{{text|wrap=nowrap</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
<div>{{text|s=1|wrap=nowrap|some text}}</div>
<div>'''''Optional:''''' prevent line breaks.</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>{{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><code>bg</code></div>
<div>background</div>
<div>transparent</div>
<div><code><nowiki>{{text|bg=green</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
<div>{{text|s=1|bg=green|c=#fff|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><code>bc</code></div>
<div>border color</div>
<div>transparent</div>
<div><code><nowiki>{{text|bc=green</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div>
<div>{{text|s=1|bc=green|some text}}</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>border weight</div>
<div><code>1</code></div>
<div><code><nowiki>{{text|bw=1.4</nowiki></code><br><code>{{text|wrap=nowrap|<nowiki>|bc=grey|some text}}</nowiki>}}</code></div>
<div>{{text|s=1|bw=1.4|bc=grey|some text}}</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>border style</div>
<div><code>solid</code></div>
<div><code><nowiki>{{text|bs=dashed</nowiki></code><br><code>{{text|wrap=nowrap|<nowiki>|bc=grey|some text}}</nowiki>}}</code></div>
<div>{{text|s=1|bs=dashed|bc=grey|some text}}</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>v</code></div>
<div>vertical spacing</div>
<div>0</div>
<div><code><nowiki>{{text|v=0.5</nowiki></code><br><code><nowiki>|bc=grey|some text}}</nowiki></code></div>
<div>{{text|s=1|bc=grey|v=0.5|some text}}</div>
<div>'''''Optional:''''' vertical spacing in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem rem units] (<code>1rem</code> = <code>16px</code>).</div>
<div><code>h</code></div>
<div>horizontal spacing</div>
<div>0</div>
<div><code><nowiki>{{text|h=1</nowiki></code><br><code><nowiki>|bc=grey|some text}}</nowiki></code></div>
<div>{{text|s=1|bc=grey|h=1|some text}}</div>
<div>'''''Optional:''''' horizontal spacing in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem rem units] (<code>1rem</code> = <code>16px</code>).</div>
<div><code>br</code></div>
<div>border radius</div>
<div>0</div>
<div><code><nowiki>{{text|br=1</nowiki></code><br><code>{{text|wrap=nowrap|<nowiki>|bc=grey|v=0.25|h=0.5</nowiki>}}</code><br><code><nowiki>|some text}}</nowiki></code></div>
<div>{{text|s=1|br=1|bc=grey|v=0.25|h=0.5|some text}}</div>
<div>'''''Optional:''''' border radius in [https://developer.mozilla.org/en-US/docs/Web/CSS/length#rem rem units] (<code>1rem</code> = <code>16px</code>).</div>
</div>

[[Category:WikiTemplates]]
</noinclude>