Chess Tempo Widget

Chess Tempo widgets allow you to embed Chess Tempo functionality directly into your own web pages, and at the same time, help promote Chess Tempo to your site visitors.

Chess Tempo Widgets are licensed under a Creative Commons License. You are able to use the widget for free on your non-commercial web site on the condition that you place a visible link to https://chesstempo.com on the page(s) where you are using the widget. In most cases, this link is included in the sample widget HTML provided.

Dagelijkse Puzzel-Widget

De dagelijkse puzzel-widget stelt u in staat een schaakbord op uw eigen webpagina te plaatsen dat iedere dag van het jaar een nieuwe puzzel toont. Iedere dag zijn er drie puzzels van oplopende moeilijkheidsgraad.

Puzzles are taken from existing Chess Tempo tactic problems and are selected based on their quality ratings. Problems with alternative winning lines are not included in the daily selections (i.e. all problems should have only one solution, so the solver is not prompted to 'try again' on alternative winning lines, as they should not exist).

Het installeren van de Dagelijkse Puzzel-Widget op uw eigen pagina

Click on the text to select and then use Copy/Paste to place into the HTML of your own page.

<div id="puzzle">
  <div id="puzzle-container">
    <link id="puzzleCss" type="text/css" rel="stylesheet" href="https://chesstempo.com/css/dailypuzzle.css"/>
    <script type="text/javascript" src="https://chesstempo.com/js/dailypuzzle.js"></script>
    <script>
      new Puzzle({ pieceSize: 20, squareColorClass: '-brown', showCoordinates:false});
    </script>
  </div>
  <a id="ct-link" href="https://chesstempo.com/play-chess-online/">Speel online schaak</a>
</div>

De bovenstaande HTML produceert het kleine bord hieronder.

Speel online schaak

U kunt het formaat van de widget veranderen door middel van de pieceSize-optie. Mogelijke opties zijn:
20, 24, 29, 35, 40, 46, 55, 65, 75, 85, 95, 105, 115, 125, 135, 145, 155, 165, 180, 200, 220, 240

Each number is the width of each piece/board square in pixels. Piece sizes less than 29 are given the abbreviated buttons shown in the example above.

If you'd like co-ordinates shown, remove the showCoordinates:false setting given to the Puzzle widget constructor.

You can change the board square colours by choosing different values for the squareColorClass setting. The available settings are:

-lightgrey
-grey
-brown
-green
-woodlight
-wooddark
-metal
-marblebrown
-stucco
-goldsilver
-sandsnow
-crackedstone
-granite
-marblegreen
-greenwhite

Remember that the leading hyphen is part of the square colour definition.