Template:Image Banner/doc

Usage

Basic - with offset

Level 2 header; width of 1919 pixels; -709px of vertical image offset.

{{Image Banner|Loadscreen.webp|1919|h2=Header text|x=0px|y=-709px}}

↓

Header text

Custom image height

Height of 50px with level 4 header.
Vertical offset is set to -733px.

{{Image Banner|Random moving interior.webp|1919|h4=Header text|height=50px|x=0px|y=-733px}}

↓

Header text

Custom banner width

Forced the banner to be of certain width (600px in this example), but no more than the page width or the image width.

Note

The banner width is specified as 3rd number parameter; you must specify the unit (e.g. px for pixels).

{{Image Banner|Battle chaos1.webp|1919|600px|h2=Basics|x=-460px|y=-385px|h=120px}}

↓

Basics

Custom header block styles

Uses custom styles for the header, and also has a custom width.

{{Image Banner|Battle chaos1.webp|1919|h2=Basics|x=-460px|y=-385px|h=120px|header styles=background: linear-gradient(40deg, var(--color-cosmoBorderTop), var(--action-color--slightly-lighter));
box-shadow:
  1px 0 3px var(--action-color), 
  2px 0 4px var(--color-cosmoBorderBottom), 
  1px 0 2px var(--synt-high--color-comment), 
  inset 0 0 3px var(--action-color);}}

↓

{{Image Banner|Battle chaos1.webp|1919|h2=Basics|x=-460px|y=-385px|h=120px|header styles=background: linear-gradient(40deg, var(--color-cosmoBorderTop), var(--action-color--slightly-lighter)); box-shadow:

 1px 0 3px var(--action-color), 
 2px 0 4px var(--color-cosmoBorderBottom), 
 1px 0 2px var(--synt-high--color-comment), 
 inset 0 0 3px var(--action-color);}