قالب:Diagonal split color box/شرح

Usage

{{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.

وسيط		وصف	نوع	حالة
Left color	1	Left background color of the box. مثال Green	نص	مقترح
Right color	2	Right background color of the box. مثال Green	نص	مقترح
Left text	3	Adds text inside the left triangle; box otherwise has no text. مثال Hello, world!	نص	مقترح
Right text	4	Adds text inside the right triangle; otherwise it is empty. مثال Hello, world!	نص	مقترح
Left text color	5	Sets the color of the text inside the left triangle. غيابي Either black or white; whichever has greater contrast. مثال Yellow	نص	مقترح
Right text color	6	Sets the color of the text inside the right triangle. غيابي Either black or white; whichever has greater contrast. مثال Yellow	نص	مقترح
Border color	border	Sets the color of the border around the box. غيابي black مثال #FF0	نص	اختياري
Border 2 color	border2	Sets the color of the border next to the right triangle. غيابي '''border''' or black مثال #FF0	نص	اختياري
Far border color	far-border	Sets the color of the border next to the far corner. غيابي '''border''' or black مثال #FF0	نص	اختياري
Border width	border-width	Sets the width of the border around the box. غيابي 1px مثال 3px	نص	اختياري
Font	font	Sets the font size. غيابي Lucida Console, monospace مثال Helvetica	نص	اختياري
Font size	font-size	Sets the font size. غيابي 1em مثال 10px	نص	اختياري
Maximize	maximize	Fits bigger font. مثال yes	نص	اختياري
No diagonal	no-diagonal	Do not draw the diagonal. مثال yes	نص	اختياري
Corner	corner	Sets the top left text. مثال Hello, world!	نص	اختياري
Corner color	corner-color	Sets the color of the top left text. غيابي Either black or white; whichever has greater contrast. مثال Yellow	نص	اختياري
Corner background	corner-background	Sets the background color of the top left text. غيابي '''border''', or either black or white whichever has greater contrast. مثال Yellow	نص	اختياري
Far corner	far-corner	Sets the bottom right text. مثال Hello, world!	نص	اختياري
Far corner color	far-corner-color	Sets the color of the bottom right text. غيابي Either black or white; whichever has greater contrast. مثال Yellow	نص	اختياري
Far corner background	far-corner-background	Sets the background color of the bottom right text. غيابي '''far-border''', '''border''', or either black or white whichever has greater contrast. مثال Yellow	نص	اختياري

Format: inline

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

القالب	الوصف	مثال
{{صندوق لون}}	مربع لون صغير بحواف سوداء ولون نص	أو  برتقالي
{{Color box striped}}	نسخة مخططة
{{RouteBox}}	نسخة بلا حواف مع لون نص وروابط تشعبية	ORANGE
{{Colorbull}}	مربع صغير جداً ملون مع روابط تشعبية	■
{{مؤشر لوني مضمن}}	نسخة أخرى بلا حواف
{{Color sample}}	مربع لون صغير مع حواف سوداء
{{Swatch inline}}		orange
{{لون خلفية}}		orange
{{Rail color box}}	نسخة مع المزيد من خيارات العرض (جزء من وحدة:Adjacent stations)	قالب:Rcb، قالب:Rcb، إلخ.
{{Diagonal split color box}}	مربع لون صغير ينقسم قطريا	, إلخ.
{{Motor type}}	صندوق لون صغير يتوافق مع نوع المحرك	قالب:Motor type/mild hybrid, إلخ.

Supporting template

• {{Greater color contrast ratio}}

انظر أيضًا

• {{صندوق معلومات لون}}, an infobox for the detailed description of a color.
• {{مؤشر لوني}}
• {{Diagonal split header}}