This is a documentation for Board Game Arena: play board games online !

Template:InfoBox

From Board Game Arena
Revision as of 01:53, 27 April 2022 by Sammy McSam (talk | contribs) (infoBoxes & infoBoxes3 documentation, infoBox flex container)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
{{{title}}}
{{{body}}}

To insert this info box template into a BGA wiki page, simply type {{infoBox}} when editing the page.

Available parameters

Parameter
Default value
Example
Description
title
null
{{infoBox |title=Your title text}}
Optional: specify a title for the infoBox.
body
null
{{infoBox |body=Your body content}}.
Optional: specify any body content.
maxWidth
600
{{infoBox |maxWidth=400}}
Optional: specify the maximum width of the infoBox in px units.
topLeftColour
#c00
{{infoBox |topLeftColour=red}}
Optional: specify the top left corner colour gradient of the infoBox as a CSS colour e.g. blue.
middleColour
#703
{{infoBox |middleColour=green}}
Optional: specify the middle colour gradient of the infoBox as a CSS colour e.g. blue.
bottomRightColour
#307
{{infoBox |bottomRightColour=blue}}
Optional: specify the bottom right corner colour gradient of the infoBox as a CSS colour e.g. blue.
titleColour
#fff
{{infoBox |titleColour=black}}
Optional: specify the title text colour as a CSS colour e.g. blue.
titleAlign
center
{{infoBox |titleAlign=left}}
Optional: specify the title text alignment as left or right.
corner
0.5
{{infoBox |corner=1}}
Optional: specify the corner radius of the infoBox in rem units.

{{{title1}}}
{{{body1}}}
{{{title2}}}
{{{body2}}}

To insert a pair of info boxes into a BGA wiki page, simply type {{infoBoxes}} when editing the page.

Available parameters

Parameter
Default value
Example
Description
title#
null
{{infoBoxes |title2=Your title text}}
Optional: specify a title for the infoBox.
body#
null
{{infoBoxes |body2=Your body content}}.
Optional: specify any body content.
maxWidth
600
{{infoBoxes |maxWidth=400}}
Optional: specify the maximum width of the infoBox in px units.
colour1
#c00
{{infoBoxes |colour1=red}}
Optional: specify the top left corner colour of the first infoBox as a CSS colour e.g. blue.
colour2
#703
{{infoBoxes |colour2=green}}
Optional: specify the top left colour of the second infoBox as a CSS colour e.g. blue.
colour3
#307
{{infoBoxes |colour3=blue}}
Optional: specify the middle colour of the second infoBox as a CSS colour e.g. blue.
colour4
#00c
{{infoBoxes |colour4=purple}}
Optional: specify the bottom right corner colour of the second infoBox as a CSS colour e.g. blue.
title#Colour
#fff
{{infoBoxes |title2Colour=black}}
Optional: specify the title text colour as a CSS colour e.g. blue.
title#Align
center
{{infoBoxes |title2Align=left}}
Optional: specify the title text alignment as left or right.
corner
0.5
{{infoBoxes |corner=1}}
Optional: specify the corner radius of the infoBox in rem units.

{{{title1}}}
{{{body1}}}
{{{title2}}}
{{{body2}}}
{{{title3}}}
{{{body3}}}

To insert three info boxes into a BGA wiki page, simply type {{infoBoxes3}} when editing the page.

Available parameters

Parameter
Default value
Example
Description
title#
null
{{infoBoxes3 |title3=Your title text}}
Optional: specify a title for the infoBox.
body#
null
{{infoBoxes3 |body3=Your body content}}.
Optional: specify any body content.
maxWidth
600
{{infoBoxes3 |maxWidth=400}}
Optional: specify the maximum width of the infoBox in px units.
colour1
#c00
{{infoBoxes3 |colour1=red}}
Optional: specify the top left corner colour of the first infoBox as a CSS colour e.g. blue.
colour2
#703
{{infoBoxes3 |colour2=green}}
Optional: specify the top left colour of the second infoBox as a CSS colour e.g. blue.
colour3
#307
{{infoBoxes3 |colour3=blue}}
Optional: specify the top left corner colour of the third infoBox as a CSS colour e.g. blue.
colour4
#00c
{{infoBoxes3 |colour4=purple}}
Optional: specify the middle colour of the third infoBox as a CSS colour e.g. blue.
colour5
#037
{{infoBoxes3 |colour5=red}}
Optional: specify the bottom right corner colour of the third infoBox as a CSS colour e.g. blue.
title#Colour
#fff
{{infoBoxes3 |title3Colour=black}}
Optional: specify the title text colour as a CSS colour e.g. blue.
title#Align
center
{{infoBoxes3 |title3Align=left}}
Optional: specify the title text alignment as left or right.
corner
0.5
{{infoBoxes3 |corner=1}}
Optional: specify the corner radius of the infoBox in rem units.