This is a documentation for Board Game Arena: play board games online !
Template:Chessboard
Jump to navigation
Jump to search
Basic {{chessboard}} template
To insert this chessboard template into a BGA wiki page, simply type {{chessboard}}
when editing the page, or alternatively copy one of the examples below.
Note: Game Help pages (e.g. 'GameHelpChess') also display on BGA's Rules Summary pages e.g. https://boardgamearena.com/gamepanel?game=chess under HOW TO PLAY? > See More > RULES SUMMARY
Empty board template
{{chessboard | a8= | b8= | c8= | d8= | e8= | f8= | g8= | h8= | a7= | b7= | c7= | d7= | e7= | f7= | g7= | h7= | a6= | b6= | c6= | d6= | e6= | f6= | g6= | h6= | a5= | b5= | c5= | d5= | e5= | f5= | g5= | h5= | a4= | b4= | c4= | d4= | e4= | f4= | g4= | h4= | a3= | b3= | c3= | d3= | e3= | f3= | g3= | h3= | a2= | b2= | c2= | d2= | e2= | f2= | g2= | h2= | a1= | b1= | c1= | d1= | e1= | f1= | g1= | h1= }}
Available parameters
Examples
Chess
{{chessboard | lightSquareColour=#efe | darkSquareColour=#cdc | a8={{blackRook}} | b8={{blackKnight}}| c8={{blackBishop}}| d8={{blackQueen}} | e8={{blackKing}} | f8={{blackBishop}}| g8={{blackKnight}}| h8={{blackRook}} | a7={{blackPawn}} | b7={{blackPawn}} | c7={{blackPawn}} | d7={{blackPawn}} | e7={{blackPawn}} | f7={{blackPawn}} | g7={{blackPawn}} | h7={{blackPawn}} | a6= | b6= | c6= | d6= | e6= | f6= | g6= | h6= | a5= | b5= | c5= | d5= | e5= | f5= | g5= | h5= | a4= | b4= | c4= | d4= | e4= | f4= | g4= | h4= | a3= | b3= | c3= | d3= | e3= | f3= | g3= | h3= | a2={{whitePawn}} | b2={{whitePawn}} | c2={{whitePawn}} | d2={{whitePawn}} | e2={{whitePawn}} | f2={{whitePawn}} | g2={{whitePawn}} | h2={{whitePawn}} | a1={{whiteRook}} | b1={{whiteKnight}}| c1={{whiteBishop}}| d1={{whiteQueen}} | e1={{whiteKing}} | f1={{whiteBishop}}| g1={{whiteKnight}}| h1={{whiteRook}} }}
Draughts / Checkers
<div style="display:flex; flex-flow:row wrap; gap:0.5rem;"> {{chessboard | hideNotation= | squareSize=50 | lightSquareColour=#eed | darkSquareColour=#5a5 | d8={{whiteDraughtsKing}} | highlightd8=gold | highlightc7=blue | highlighte7=blue | b4={{whiteDraughtsMan}} | f4={{whiteDraughtsMan}} | c3={{whiteDraughtsMan}} | b6={{blackDraughtsMan}} | d6={{blackDraughtsMan}} | e1={{blackDraughtsKing}} }} {{chessboard | hideNotation= | squareSize=50 | lightSquareColour=#eed | darkSquareColour=#5a5 | e7={{whiteDraughtsKing}} | highlighte7=gold | highlightd6=red | highlightc5=blue | highlightb6=red | highlighta7=blue | b4={{whiteDraughtsMan}} | f4={{whiteDraughtsMan}} | c3={{whiteDraughtsMan}} | b6={{blackDraughtsMan}} | d6={{blackDraughtsMan}} | f2={{blackDraughtsKing}} }} {{chessboard | hideNotation= | squareSize=50 | lightSquareColour=#eed | darkSquareColour=#5a5 | a7={{whiteDraughtsKing}} | highlighte7=gold | highlightd6=red | highlightc5=blue | highlightb6=red | highlighta7=blue | b4={{whiteDraughtsMan}} | f4={{whiteDraughtsMan}} | c3={{whiteDraughtsMan}} | f2={{blackDraughtsKing}} }} </div>
Othello / Reversi
<div style="display:flex; flex-flow:row wrap; gap:0.25rem;"> {{chessboard | hideNotation= | squareSize=54 | lightSquareColour=darkgreen | darkSquareColour=darkgreen | cornerRadius=4 | gridlineThickness=2 | gridColour=black | highlightc5=rgba(255,255,255,0.25) | highlightd6=rgba(255,255,255,0.25) | highlighte3=rgba(255,255,255,0.25) | highlightf4=rgba(255,255,255,0.25) | d4={{blackReversiToken}} | e5={{blackReversiToken}} | e4={{whiteReversiToken}} | d5={{whiteReversiToken}} }} {{chessboard | hideNotation= | squareSize=54 | lightSquareColour=darkgreen | darkSquareColour=darkgreen | cornerRadius=4 | gridlineThickness=2 | gridColour=black | d4={{blackReversiToken}} | e5={{blackReversiToken}} | e4={{blackReversiToken}} | f4={{blackReversiToken}} | d5={{whiteReversiToken}} }} {{chessboard | hideNotation= | squareSize=54 | lightSquareColour=darkgreen | darkSquareColour=darkgreen | cornerRadius=4 | gridlineThickness=2 | gridColour=black | highlightc5=rgba(255,255,255,0.25) | highlightd6=rgba(255,255,255,0.25) | highlighte3=rgba(255,255,255,0.25) | highlightf2=rgba(255,255,255,0.25) | d4={{blackReversiToken}} | e5={{blackReversiToken}} | f4={{blackReversiToken}} | d5={{whiteReversiToken}} | e4={{whiteReversiToken}} | f3={{whiteReversiToken}} }} </div>