Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.
Revision as of 23:56, 9 June 2024 by 1F616EMO (talk | contribs) (1 revision imported)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Usage

This is the TemplateData for this template used by TemplateWizard, VisualEditor and other tools. See a monthly parameter usage report for Template:Diagonal split color box in articles based on its TemplateData.

TemplateData for 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.
Left color1
Left background color of the box.
Example
Green
Right color2
Right background color of the box.
Example
Green
Left text3
Adds text inside the left triangle; box otherwise has no text.
Example
Hello, world!
Right text4
Adds text inside the right triangle; otherwise it is empty.
Example
Hello, world!
Left text color5
Sets the color of the text inside the left triangle.
Default
Either black or white; whichever has greater contrast.
Example
Yellow
Right text color6
Sets the color of the text inside the right triangle.
Default
Either black or white; whichever has greater contrast.
Example
Yellow
Border colorborder
Sets the color of the border around the box.
Default
black
Example
#FF0
Border 2 colorborder2
Sets the color of the border next to the right triangle.
Default
'''border''' or black
Example
#FF0
Far border colorfar-border
Sets the color of the border next to the far corner.
Default
'''border''' or black
Example
#FF0
Border widthborder-width
Sets the width of the border around the box.
Default
1px
Example
3px
Fontfont
Sets the font size.
Default
Lucida Console, monospace
Example
Helvetica
Font sizefont-size
Sets the font size.
Default
1em
Example
10px
Maximizemaximize
Fits bigger font.
Example
yes
No diagonalno-diagonal
Do not draw the diagonal.
Example
yes
Cornercorner
Sets the top left text.
Example
Hello, world!
Corner colorcorner-color
Sets the color of the top left text.
Default
Either black or white; whichever has greater contrast.
Example
Yellow
Corner backgroundcorner-background
Sets the background color of the top left text.
Default
'''border''', or either black or white whichever has greater contrast.
Example
Yellow
Far cornerfar-corner
Sets the bottom right text.
Example
Hello, world!
Far corner colorfar-corner-color
Sets the color of the bottom right text.
Default
Either black or white; whichever has greater contrast.
Example
Yellow
Far corner backgroundfar-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
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 templates Template:VTE
Template Description Example
{{Color box}} Color box size with black borders and text color. Standard size.   or  ORANGE 
{{Color box striped}} Striped color box. Standard size.     
{{RouteBox}} Borderless color box with text color and wikilinks.  ORANGE 
{{Colorbull}} Colored bullet with wikilinks.
{{Legend inline}} Color box size with black borders. Standard size.   
{{Color sample}} Color box size with black borders. Smaller size.
{{Swatch inline}} orange
{{Background color}} orangeTemplate:Ensure AAA contrast ratio
{{Rail color box}} A version with more display options. Part of Module:Adjacent stations Lua error: expandTemplate: template "Taipei Metro color" does not exist., Lua error: expandTemplate: template "San Diego Trolley color" does not exist.
{{Diagonal split color box}} Color box split diagonally. Standard size.
   
   

Supporting template

See also