chessboard generator

enter your PGN text in the green textbox below
- square brackets chars "[" "]" are not allowed by pgn4web in the PGN text outside the PGN header
- within the board generator, the comment tag ";" will flag as a comment the remaining of the PGN data rather than up to the end of line only; please replace the ";" comment tag with the "{" comment tag and close the comment with "}" at the end of the line
- due to a limitation of web browsers and web servers with the URL length, only short PGN texts are allowed and a warning is issued if the max URL length is exceeded; also beware of possible hidden URL redirections extending your URL length further
modify any of the configuration options, layout, colors and fonts
generate the HTML code and preview your chessboard
fine tune configuration options to your liking
- check carefully the frame height/width values; different browsers might render some items slightly bigger or smaller, so leave some empty space at the bottom of the frame by increasing the height
once happy with the preview chessboard, just cut and paste the HTML code from the yellow box into your web page or your blog; when entering the code in your website or blog, please make sure you are using the HTML editing option, otherwise the enhanced editor might alter the code you enter
email to the address of your website or your blog
if something goes wrong, you might want to click here and file a bug report

automatically generated HTML code for your web page or blog

configuration options (paste only one game !)

enter PGN data

encode PGN text encode the PGN text to a URL friendly format (this should be normally enabled)

autoplay game on page load

autoplay delay (sec)

loop through games at game end

piece font

piece size

square size a number; must be larger than the piece size

light squares color

dark squares color

board border color

highlight squares color set to none in order to disable square highlighting

show control buttons control buttons might not be necessary, just try clicking the G8 square

control buttons background color set to default in order to use standard buttons from the browser

control buttons text color

text margin a number or a percentage; header/moves margin, nice to have if text overflows with scrollbars

show game header

header font size a number or a percentage; make sure left/right columns dont touch in the middle

header font color

show game moves

show game comments

show comments on separate lines

moves font size a number or a percentage

moves font color

highlight move color

comments font size a number or a percentage

comments font color

background color

preview background color not actually used in the HTML code, just for the preview

iFrame height

iFrame width

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