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)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
{{{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.