pgn4web board generator

automatically generated HTML code for your web page or blog
click here to create a short url for sharing the chessboard via email or instant messaging


configuration options

enter PGN data

   select from preset board generator settings templates

pgn4web board generator custom template link    add link into the browser bookmarks, saving current board settings

   autoplay games    game autoplays the first game once, loop loops through games continiously

   autoplay delay   

   initial game   

   initial halfmove    always settings apply at every game load, once settings only at the first load

   initial halfmove number    actual halfmove number applied when the setting above is custom number

   square size    a number; must be larger than the piece size plus the highlight border if any

   piece size    default selects piece size based on square size

   piece font    default selects piece font based on piece size

   light squares color   

   dark squares color   

   board border color   

   square highlight mode    when set to border a larger square size might be required

   highlight squares color   

   how to show control buttons    standard uses browser's buttons, custom uses colors below

   custom control buttons background color   

   custom control buttons text color   
   text margin    a number; header/moves margin, nice to have when text overflows with scrollbars

   how to show game header   

   header font size    a number or a percentage

   header font color   

   how to show game moves   

   moves font size    a number or a percentage

   moves font color   

   highlight move color    when set to background the background color is copied

   how to show move comments    inline: on same line as moves, newline: on separate lines

   comments font size    a number or a percentage; when set to moves the moves font size is copied

   comments font color   
   chessboard and header/moves layout   

   iFrame height   

   iFrame width   

   iFrame padding    a number; border padding around the iframe, included within the iFrame width value

   background color    when set to transparent the parent's background color is used