Chessbase content toevoegen

 Dit is het sluitstuk van het toevoegen van schaakcontent aan de blog.

Voor chessbase moet je verwijzen naar een stylesheet, en 2 javascripts (zie hieronder) daarna voeg je de aangepaste embed code toe (bvb met de gepaste pgn data of fen).

Ik zou je willen vragen de HTML code of sectie te kopieren die je nodig hebt indien je dit wenst te gebruiken.

# Reference the Embed Code into the head section of your html

<link href="https://pgn.chessbase.com/CBReplay.css" rel="stylesheet" type="text/css"></link>

<script src="https://pgn.chessbase.com/jquery-3.0.0.min.js"></script>

<script src="https://pgn.chessbase.com/cbreplay.js" type="text/javascript"></script>

# Embed a diagram

<div class="cbdiagram" data-legend="White to Move - Mate in Three." data-pos="wKg1,Qf6,Nf5,Ra1,c1,Pb2,b3,f3,g4,h3/bKg8,Qb7,Ne6,Ba8,Rc7,d7,Pf7,h7" data-size="585" data-title="Zugzwang!">

# Embed Fen, copy a fen into the iframe

<iframe src="https://fritz.chessbase.com?fen=r1brnbk1/1p1n1ppp/p2p4/q1pPpPPP/4P1Q1/2N1BN2/PPP1B3/1K4RR w - - 0 1" style="height: 640px; width: 585px;"></iframe>

# Embed a Tactics Puzzle

<iframe height="620" src="https://livetactics.chessbase.com" width="585"></iframe>

# Embed Endgame Training

<iframe src="https://fritz.chessbase.com?pos=wKe3,Re4/bKd5" style="height: 620px; width: 585px;"></iframe>

 # Embed the Fritz Chess Program

<iframe src="https://fritz.chessbase.com" style="height: 360px; width: 570px;"></iframe>

# Embed a copied over pgn within the code

<div class="cbreplay">

[Event "World Championship 28th"]

[White "Spassky, Boris V"]

[Black "Fischer, Robert James"]

[Site "Reykjavik"]

[Result "1–0"]

[Date "1972.08.06"]

[WhiteElo "2660"]

[BlackElo "2785"]

1. e4 c5 2. Nf3 d6 3. d4 cxd4 4. Nxd4 Nf6 5. Nc3 a6 6. Bg5 e6 7. f4 Qb6 8. Qd2 Qxb2 9. Nb3 Qa3 10. Bxf6 gxf6 11. Be2 h5 12. 0-0 Nc6 13. Kh1 Bd7 14. Nb1 Qb4 15. Qe3 d5 16. exd5 Ne7 17. c4 Nf5 18. Qd3 h4 19. Bg4 Nd6 20. N1d2 f5 21. a3 Qb6 22. c5 Qb5 23. Qc3 fxg4 24. a4 h3 25. axb5 hxg2+ 26. Kxg2 Rh3 27. Qf6 Nf5 28. c6 Bc8 29. dxe6 fxe6 30. Rfe1 Be7 31. Rxe6

</div>

# Embed the possibility to upload a game into the chessbase interface

<div class="cbreplay" data-url="pgn/lichess_study.pgn">

Noot dit laatste is als je de embed op een website plaatst en op die webserver verwijst naar het pad

van "pgn" met daarin de naam van het pgn bestand.

# Embed a Live Tournament, replace * with the name of the tournament

<div class="cblive" data-date="*" data-event="*"></div>

Chessbase voordeel

Persoonlijk vind ik de de chessbase opties het meest vertrouwd. Je behoeft geen partij ID te refereren en hebt of een fen of een pgn nodig die je knipt en plakt. Wat er ook gebeurt met de online partijen databank, je blog zal blijven werken zolang de chessbase web infrastructuur daarachter het blijft processen.

Chessbase nadeel

Je interface evolueert in de tijd, ik heb al verschillend chessbase refresentaties gezien maar nooit eentje die qua look and feel 100% matched met het chess baseprogram. Je kan hier geen ander borden of stukken kiezen ofschoon deze mijn inziens het mooist zijn.

  

  

# Embed a diagram

# Embed Fen, copy a fen into the iframe





# Embed a Tactics Puzzle





# Embed Endgame Training





# Embed Fritz Chess Program





# Embed a copied over pgn within the code

[Event "World Championship 28th"] [White "Spassky, Boris V"] [Black "Fischer, Robert James"] [Site "Reykjavik"] [Result "1–0"] [Date "1972.08.06"] [WhiteElo "2660"] [BlackElo "2785"] 1. e4 c5 2. Nf3 d6 3. d4 cxd4 4. Nxd4 Nf6 5. Nc3 a6 6. Bg5 e6 7. f4 Qb6 8. Qd2 Qxb2 9. Nb3 Qa3 10. Bxf6 gxf6 11. Be2 h5 12. 0-0 Nc6 13. Kh1 Bd7 14. Nb1 Qb4 15. Qe3 d5 16. exd5 Ne7 17. c4 Nf5 18. Qd3 h4 19. Bg4 Nd6 20. N1d2 f5 21. a3 Qb6 22. c5 Qb5 23. Qc3 fxg4 24. a4 h3 25. axb5 hxg2+ 26. Kxg2 Rh3 27. Qf6 Nf5 28. c6 Bc8 29. dxe6 fxe6 30. Rfe1 Be7 31. Rxe6

# Embed the possibility to upload a game into the chessbase interface

# Embed a Live Tournament, replace * with the name of the tournament