ထႅမ်းပလဵတ်ႉ:Diagonal split color box

ၽိုၼ်ၵႅမ်မိုဝ်းထႅမ်းပလဵတ်ႉ[တူၺ်း] [မႄးထတ်း] [ပိုၼ်း] [ၸၢင်း]

Usage

ၶေႃႈမုၼ်းၸိူဝ်းၽၢႆႇတႂ်ႈၼႆႉ ပဵၼ် တူဝ်ထတ်းတႃႁၼ်(VisualEditor) ဢၼ်မီးတီႈ ဝီႇၶီႇၽီးတီးယႃးၼၼ်ႉ ယိူင်းဢၢၼ်း တႃႇဢဝ် ၶိူင်ႈၸိူဝ်းၼၼ်ႉ ၸႂ်ႉလႆႈတီႈ ဝီႇၶီႇၽီးတီးယႃးတႆးသေ ၸင်ႇလႆႈဢဝ် ပိူင် ၶေႃႈမုၼ်းထႅမ်းပလဵၵ်ႉ (TemplateData) ဢၼ်မီးတီႈ ဝီႇၶီႇၽီးတီးယႃး ဢိင်းၵလဵတ်ႈၼၼ်ႉ ႁဵတ်းဝႆႉပဵၼ် တီႈမၢႆတီႈတွင်းယဝ်ႉ။ ႁူမ်ႈဝႃႈ ပႆႇၸႂ်ႉၶိူင်ႈၸိူဝ်းၼၼ်ႉသေတႃႉ ပေႃးပဵၼ် ၵူၼ်းႁူႉလွင်ႈတႅမ်ႈပရူဝ်ႇၵရႅမ်ႇ (computer programming) ဢိတ်းဢွတ်းၵေႃႈ ႁႂ်ႈပေႃးႁၼ်လႆႈၸႅင်ႈလႅင်းလီၼႆသေ ၸၢင်ႈဢဝ်ၸႂ်ႉလႆႈ သၽေႃးတီႈၵႅပ်ႈမၼ်းလႆႈယူႇ။

Diagonal split color box

{{diagonal split color box|left color|right color|left text|right text|left text color|right text color|border=|border2=|far-border=|border-width=|font=|font-size=|maximize=|no-diagonal=|corner=|corner-color=|corner-background=|far-corner=|far-corner-color=|far-corner-background=}}
Adds a rectangular color box.

• Colors are most commonly specified as either a color keyword or as the hexadecimal triplet representing an RGB combination. See the article web colors for details.

Parameter		Description	Type	Status
Left color	1	Left background color of the box. Example Green	String	suggested
Right color	2	Right background color of the box. Example Green	String	suggested
Left text	3	Adds text inside the left triangle; box otherwise has no text. Example Hello, world!	String	suggested
Right text	4	Adds text inside the right triangle; otherwise it is empty. Example Hello, world!	String	suggested
Left text color	5	Sets the color of the text inside the left triangle. Default Either black or white; whichever has greater contrast. Example Yellow	String	suggested
Right text color	6	Sets the color of the text inside the right triangle. Default Either black or white; whichever has greater contrast. Example Yellow	String	suggested
Border color	border	Sets the color of the border around the box. Default black Example #FF0	String	optional
Border 2 color	border2	Sets the color of the border next to the right triangle. Default '''border''' or black Example #FF0	String	optional
Far border color	far-border	Sets the color of the border next to the far corner. Default '''border''' or black Example #FF0	String	optional
Border width	border-width	Sets the width of the border around the box. Default 1px Example 3px	String	optional
Font	font	Sets the font size. Default Lucida Console, monospace Example Helvetica	String	optional
Font size	font-size	Sets the font size. Default 1em Example 10px	String	optional
Maximize	maximize	Fits bigger font. Example yes	String	optional
No diagonal	no-diagonal	Do not draw the diagonal. Example yes	String	optional
Corner	corner	Sets the top left text. Example Hello, world!	String	optional
Corner color	corner-color	Sets the color of the top left text. Default Either black or white; whichever has greater contrast. Example Yellow	String	optional
Corner background	corner-background	Sets the background color of the top left text. Default '''border''', or either black or white whichever has greater contrast. Example Yellow	String	optional
Far corner	far-corner	Sets the bottom right text. Example Hello, world!	String	optional
Far corner color	far-corner-color	Sets the color of the bottom right text. Default Either black or white; whichever has greater contrast. Example Yellow	String	optional
Far corner background	far-corner-background	Sets the background color of the bottom right text. Default '''far-border''', '''border''', or either black or white whichever has greater contrast. Example Yellow	String	optional

Format: inline

Test of raw TemplateData output:

Adds a rectangular color box. Colors are most commonly specified as either a color keyword or as the hexadecimal triplet representing an RGB combination. See the article web colors for details.

Template parameters

This template prefers inline formatting of parameters.

Parameter		Description	Type	Status
Left color	1	Left background color of the box. Example Green	String	suggested
Right color	2	Right background color of the box. Example Green	String	suggested
Left text	3	Adds text inside the left triangle; box otherwise has no text. Example Hello, world!	String	suggested
Right text	4	Adds text inside the right triangle; otherwise it is empty. Example Hello, world!	String	suggested
Left text color	5	Sets the color of the text inside the left triangle. Default Either black or white; whichever has greater contrast. Example Yellow	String	suggested
Right text color	6	Sets the color of the text inside the right triangle. Default Either black or white; whichever has greater contrast. Example Yellow	String	suggested
Border color	border	Sets the color of the border around the box. Default black Example #FF0	String	optional
Border 2 color	border2	Sets the color of the border next to the right triangle. Default '''border''' or black Example #FF0	String	optional
Far border color	far-border	Sets the color of the border next to the far corner. Default '''border''' or black Example #FF0	String	optional
Border width	border-width	Sets the width of the border around the box. Default 1px Example 3px	String	optional
Font	font	Sets the font size. Default Lucida Console, monospace Example Helvetica	String	optional
Font size	font-size	Sets the font size. Default 1em Example 10px	String	optional
Maximize	maximize	Fits bigger font. Default Example yes	String	optional
No diagonal	no-diagonal	Do not draw the diagonal. Default Example yes	String	optional
Corner	corner	Sets the top left text. Example Hello, world!	String	optional
Corner color	corner-color	Sets the color of the top left text. Default Either black or white; whichever has greater contrast. Example Yellow	String	optional
Corner background	corner-background	Sets the background color of the top left text. Default '''border''', or either black or white whichever has greater contrast. Example Yellow	String	optional
Far corner	far-corner	Sets the bottom right text. Example Hello, world!	String	optional
Far corner color	far-corner-color	Sets the color of the bottom right text. Default Either black or white; whichever has greater contrast. Example Yellow	String	optional
Far corner background	far-corner-background	Sets the background color of the bottom right text. Default '''far-border''', '''border''', or either black or white whichever has greater contrast. Example Yellow	String	optional

Examples

Visual effect	Markup
	{{diagonal split color box}}
	{{diagonal split color box|Green}}
	{{diagonal split color box||Green}}
	{{diagonal split color box|Green|Green}}
	{{diagonal split color box|Green|border=Green}}
	{{diagonal split color box|Yellow|Blue}}
C R	{{diagonal split color box|||R|C|#f00|#0ff}}
C R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff}}
C R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff|no-diagonal=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|no-diagonal=yes}}
C R	{{diagonal split color box|#999|#999|R|C|#f00|#0ff}}
C R	{{diagonal split color box|#999||R|C|#f00|#0ff}}
C R	{{diagonal split color box||#999|R|C|#f00|#0ff}}
R R	{{diagonal split color box|Yellow||R|R|#f00}}
R R	{{diagonal split color box|Yellow||R|R||#f00}}
A R	{{diagonal split color box|Yellow||R|A|#f00|#f00}}
R	{{diagonal split color box|||R|R|#f00|#f00}}
R	{{diagonal split color box|Yellow|Yellow|R|R|#f00|#f00}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00}}
R	{{diagonal split color box||Yellow|R|R|#f00|#f00}}
R	{{diagonal split color box|Yellow||R||#f00}}
R	{{diagonal split color box|Yellow|||R|#f00}}
R	{{diagonal split color box|Yellow|||R||#f00}}
R	{{diagonal split color box|#999||R|#f00|#f00}}
R	{{diagonal split color box|#999|||R|#f00|#f00}}
R	{{diagonal split color box|#999||R||#f00|#0ff}}
R	{{diagonal split color box|#999|||R|#f00|#0ff}}
	{{diagonal split color box|font-size=0.6em}}
	{{diagonal split color box|Yellow|font-size=0.6em}}
	{{diagonal split color box|LightGray|Yellow|font-size=0.6em}}
	{{diagonal split color box|LightGray|Yellow|font-size=0.6em|no-diagonal=yes}}
C R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff|font-size=0.6em}}
R R	{{diagonal split color box|Yellow||R|R|#f00|font-size=0.6em}}
R R	{{diagonal split color box|Yellow||R|R||#f00|font-size=0.6em}}
R	{{diagonal split color box|Yellow||R|font-size=0.6em}}
R	{{diagonal split color box|Yellow|||R|font-size=0.6em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=0.6em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|maximize=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|maximize=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|maximize=yes|no-diagonal=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|font-size=1.2em|maximize=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|font-size=1.2em|maximize=yes|no-diagonal=yes}}
B R	{{diagonal split color box|Yellow|#999|R|R|#f00|#f00|font-size=0.7em|corner=B|corner-color=#00f}}
R   B	{{diagonal split color box|Yellow|#999|R|R|#f00|#f00|font-size=0.7em|far-corner=B|far-corner-color=#00f}}
B R   W	{{diagonal split color box|Yellow|#999|R|R|#f00|#f00|font-size=0.7em|corner=B|corner-color=#000|far-corner=W|far-corner-color=#fff}}
C R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff|font-size=0.7em}}
BC R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff|font-size=0.7em|corner=B|corner-color=#00f}}
P E100	{{diagonal split color box|green||E100|E100|font-size=0.7em|corner=P|corner-color=white|corner-background=green}}
P E85	{{diagonal split color box|green||E85|E85|font-size=0.7em|corner=P|corner-color=white|corner-background=green}}
E100	{{diagonal split color box|green||E100|E100|font-size=0.61em}}
E85	{{diagonal split color box|green||E85|E85|font-size=0.61em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=0.7em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=1.2em|maximize=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|font-size=1.37em|maximize=yes}}
R	{{diagonal split color box|Yellow|#bbb|R|R|#f00|#f00|font-size=1.37em|maximize=yes|no-diagonal=yes}}
C R	{{diagonal split color box|Yellow|#999|R|C|#f00|#0ff|font-size=0.8em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=0.8em}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=1.35em|maximize=yes}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=0.7em|maximize=yes}}
	{{diagonal split color box|Yellow|border=Yellow|font-size=0.7em|maximize=yes}}
R	{{diagonal split color box|Yellow||R|R|#f00|#f00|font-size=0.6em|maximize=yes}}
	{{diagonal split color box|Yellow|border=Yellow|font-size=0.6em|maximize=yes}}
	{{diagonal split color box|Yellow|Blue|font-size=0.45em}}
Red Blue	{{diagonal split color box|LightGray|Yellow|Blue|Red|#00f|#f00}}
Red Blue	{{diagonal split color box|LightGray|Yellow|Blue|Red|#00f|#f00|font=Helvetica, Sans-serif}}
Blue Red	{{diagonal split color box|LightGray|Yellow|Red|Blue|#f00|#00f}}
Blue Red	{{diagonal split color box|LightGray|Yellow|Red|Blue|#f00|#00f|font=Helvetica, Sans-serif}}
Default color for this text	{{diagonal split color box|Green|Green|Default color for this text|Default color for this text|font=Helvetica, Sans-serif}}
Default color for this text	{{diagonal split color box|Yellow|Blue|Default color for this text|font=Helvetica, Sans-serif}}
Default color for this text	{{diagonal split color box|Yellow|Blue||Default color for this text|font=Helvetica, Sans-serif}}
Default color for this text	{{diagonal split color box|Yellow|Blue|Default color for this text|Default color for this text|font=Helvetica, Sans-serif}}
Default color for this text	{{diagonal split color box|Blue|Yellow|Default color for this text|Default color for this text|font=Helvetica, Sans-serif}}
Default color for right text Default color for left text	{{diagonal split color box|Yellow|Blue|Default color for left text|Default color for right text|font=Helvetica, Sans-serif}}
Default color for right text Default color for left text	{{diagonal split color box|Blue|Yellow|Default color for left text|Default color for right text|font=Helvetica, Sans-serif}}
Using X11 color names Using X11 color names	{{diagonal split color box|SteelBlue|Coral|'''Using X11 color names'''|'''Using X11 color names'''|Gold|Silver|font=Helvetica, Sans-serif}}
Default color for this text Using RGB hex triplets	{{diagonal split color box|#012345|#BA9876|''Using RGB hex triplet''|''Default color for this text''|#FEDCBA|font=Helvetica, Sans-serif}}
bordercolor like wikitable	{{diagonal split color box|white|lightgray|bordercolor like wikitable|border=#A2A9B1|border-width=4px|font=Helvetica, Sans-serif}}
two border colors	{{diagonal split color box|white|lightgray|two border colors|border=yellow|border2=red|border-width=4px|font=Helvetica, Sans-serif}}
far border color	{{diagonal split color box|white|lightgray|far border color|border=yellow|far-border=red|border-width=4px|font=Helvetica, Sans-serif}}

Variants

Template	Description	Example
{{Color box}}	a small color box with black borders and text color	or  ORANGE
{{Color box striped}}	a striped version
{{RouteBox}}	a borderless version with text color and wikilinks	ORANGE
{{Colorbull}}	a colored bullet with wikilinks	■
{{Legend2}}	another borderless version
{{Color sample}}	a small color box with black borders
{{Swatch inline}}		orange
{{Background color}}		orange
{{Rail color box}}	a version with more display options (part of Module:Adjacent stations)	●, , etc.
{{Diagonal split color box}}	a small color box split diagonally	, etc.
{{Motor type}}	A small color box corresponding to the motor type	ထႅမ်းပလဵတ်ႉ:Motor type/mild hybrid, etc.

Supporting template

• {{Greater color contrast ratio}}

See also

• {{Infobox color}}, an infobox for the detailed description of a color.
• {{Legend}}
• {{Diagonal split header}}