A board with a FEN starting position. The PGN contains the FEN part.

<script>
var brd = new Board('fen', {});
brd.init()
</script>

Default configuration

<script>
var brd = new Board('area', {})
brd.init()
</script>


Slightly bigger board with custom fonts and colors

<script>
var brd = new Board('areaBigger', {'imagePrefix':'img/kent/',
'showMovesPane':true,
'commentFontSize':'10pt',
'moveFontColor':'#206020',
'blackSqColor':'#ababab',
'whiteSqColor':'#fffff',
'moveFontSize':'10pt',
'boardSize':'377px',
'squareSize':'46'})
brd.init()
</script>


Internationalized and customized board with custom chess set and background images

<script>
var brd = new Board('areaZurich', {'imagePrefix':'img/zurich/',
'showMovesPane':true,
'commentFontSize':'10pt',
'moveFontColor':'#af0000',
'commentFontColor':"#006699",
'squareSize':'32px',
'markLastMove':false,

'blackSqColor':'url("img/zurich/board/darksquare.gif")',
'lightSqColor':'url("img/zurich/board/lightquare.gif")',

'squareBorder':"0px solid #000000",
'altRewind':'Ir al principio',
'altBack':'Una jugada atrás',
'altFlip':'Girar el tablero',
'altShowMoves':'Mostrar el panel de jugadas',
'altComments':'Mostrar comentarios',
'altPlayMove':'Una jugada adelante',
'altFastForward':'Ir al final',
'moveBorder':"1px solid #cccccc"
});
brd.init()
</script>


A board with a FEN starting position. The PGN contains the FEN part.

<script>
var brd = new Board('fen', {'imagePrefix':'img/zurich/',
'showMovesPane':true,
'commentFontSize':'10pt',
'moveFontColor':'#af0000',
'commentFontColor':"#006699",
'squareSize':'32px',
'markLastMove':false,

'blackSqColor':'url("img/zurich/board/darksquare.gif")',
'lightSqColor':'url("img/zurich/board/lightquare.gif")',

'squareBorder':"0px solid #000000",
'moveBorder':"1px solid #cccccc"
});
brd.init()
</script>