Você está na página 1de 12

Tabuleiro Chessbase para seu Blog

e Traduzido por: Darcio Alberico

Deixe seu Blog de xadrez mais produtivo


com os tabuleiros interativos da Chessbase.
Tabuleiro Chessbase para seu Blog
e
Traduzido por: Darcio Alberico

Reproduza arquivos PGN de x


​ adrez em seu site

Como fazer isso:


Você pode incorporar uma ou mais partidas diretamente em seu site html assim:
<div class="cbreplay">

[Event "World Championship 28th"]


[White "Spassky, Boris V"]
[Black "Fischer, Robert James"]
[Site "Reykjavik"]
[Result "l-0"]
[Date "7972.08.06"]
[WhiteElo "2660"]
[BlackElo "2785"]

7. 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 70. Bxf6 gxf6 ll. Be2 h512. 0-0 Nc613. Khl Bd714.
Nb7 Qb4 15. Qe3 d516. exd5 Ne717. c4 Nf518. Qd3 h4 79. Bg4 Nd6 20. N7d2
f5 27. 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. Rfe7 Be7 37. Rxe6
</div>

Ou você o carrega como um arquivo do seu servidor:

<div class="cbreplay" data-url= "KramniksBestGames.pg n">


</div>

Em ambos os casos, a chave é a envolvente com class="cbreplay".


Você pode colocar quantos jogos ou bancos de dados você quiser em uma página. Além disso,
você deve adicionar as três linhas a seguir à seção de seu código html:

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


<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>

O arquivo "jQuery" na segunda linha não é necessário se você já o tiver em sua página da web
(bastante comum). jQuery versão 1.14 ou superior é suficiente

Mais ferramentas para incorporar a seguir:


Incorporar táticas em seu site

e
<iframe src="https://livetactics.chessbase.com" width="400" height="440"></iframe>

Basta copiar este código em algum lugar em sua própria página web. Mude a largura e a altura para
adaptar o tamanho do tabuleiro e ela se parecerá como abaixo. Seus visitantes podem resolver quantas
posições quiserem.
Para resolver posições mais fortes e ter suas próprias táticas elo, visite: tactics.chessbase.com .

Mais difícil Tabuleiro incorparado


Brancas jogam e ganham. (Muito Fácil)
Live Blitz Chess

Traga uma forte de blitz atualmente em andamento em playchess.com. Bom entretenimento.


Maior duração do visitante para você.

Examplo e Codigo:

<iframe src="https://liveblitz.chessbase.com" width="400" height="440"></iframe>

Basta copiar este código em algum lugar em sua própria página web. Mude a largura e a altura para adaptar o
tamanho do tabuleiro e ele se parecerá com o tabuleiro abaixo.
Obtenha seu próprio servidor de xadrez
e
Conheça seus amigos em seu próprio servidor de xadrez. É fácil. É grátis. Basta colocar um link como este
em sua página web:

https://play.chessbase.com?room=QueenstownChessClub
Onde o texto depois ?room= é o nome do seu clube de xadrez ou comunidade.

Agora, clicando no link, você visitará seu servidor de xadrez privado como convidado. Se quiser
conversar com seus amigos, crie uma conta nomeada. É grátis..

Se você possui Fritz ou ChessBase, você encontrará sua própria sala no servidor na parte inferior da lista
de salas em "Club Web Rooms".

Nota: A página web contendo seu link será mostrada como página de informações juntamente com sua sala no
Fritz. Uma oportunidade de anunciar para o seu clube.

Uma vez que a sala esteja lá, você também pode clicar aqui para lançar o Fritz ou o software Playchess.com
para visitar seu servidor de xadrez privado. Isso funciona com todos os programas recentes do ChessBase.

Dica: Você pode definir parâmetros adicionais ao abrir sua própria sala:

• Um convite de texto: Use o parâmetro "roomtext".


• Seu próprio logotipo. Forneça a url com o parâmetro "pie"

Aqui está um link de exemplo para ambos:


https://play.chessbase.com?room=Queenstown Chess Club com texto de sala e logo.

Reproduzindo Blitz diretamente no seu site


Você também pode incorporar um tabuleiro de xadrez diretamente em sua própria página web,
usando um iframe. Copie este código e cole-o em seu próprio html. Mude a largura e a altura ao seu
gosto.
<iframesrc= "https://play.chessbase.com" style= "width:760px;height:480px"> </iframe>
Reproduzindo Blitz diretamente no seu site

Você também pode incorporar um tabuleiro de xadrez Copie este código e cole-o em seu
diretamente em sua própria página web, usando um iframe. próprio html. Mude a largura e a altura
ao seu gosto.

<iframe src="https://
play.chessbase.com"style="width:7
60px;height:480px"></iframe>
Incorpore um programa de xadrez em seu site

Fritz Online: é a uma entidade de jogo de xadrez com o com o maior repertório de abertura deste planeta.
Uma nova teoria está disponível logo depois de ter sido jogada em um grande jogo.
Vou pode colocar isso em seu site. Use-o para configurar o treinamento de posições específicas ou finais.
Como isso é feito?
Isso incorpora um programa padrão de xadrez. Coloque o trecho de código abaixo no código html do seu
site.
<iframe src ="https://fritz.chessbase.com" style="width:760px;height:480px"></iframe>

E aqui você pode configurar um treinamento de final. Adicione a posição como no parâmetro como mostrado
abaixo:

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

Você pode copiar rapidamente uma posição no formato FEN do programa ChessBase ou Fritz:

<iframe src="https://fritz.chessbase.com?fen=r1brnbk1/1p1n1ppp/p2p4/q1pPpPPP/4P1Q1/2N1BN2/
PPP1B3/1K4RR w - - 0 1" style="width:760px;height:480px"></iframe>
Reproduzir arquivos PGN de xadrez em seu site

Como fazer isso:

Vou pode incorporar um minério mais jogos apenas em seu html cede como este:
<div class="cbreplay">

[Event "World Championship 28th"]


[White "Spassky, Boris V"]
[Black "Fischer, Robert James"]
[Site "Reykjavik"]
[Result "l-0"]
[Date "7972.08.06"]
[WhiteElo "2660"]
[BlackElo "2785"]
7. 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 70. Bxf6 gxf6 ll.
Be2 h512. 0-0 Nc613. Khl Bd714. Nb7 Qb4 15. Qe3 d516. exd5 Ne717. c4 Nf518. Qd3 h4 79. Bg4 Nd6 20. N7d2 f5
27. 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. Rfe7 Be7 37. Rxe6
</div>
Incorpore transmissões de torneios ao vivo em seu site

e
Visite live.chessbase.com e clique em um tourmanent. Em seguida, clique em 'Para Webmasters' e
descubra como compartilhar torneio específico. Se você instalou o plugin de replay ChessBase que
também é usado para PGN e diagramas, há outra maneira:

Como fazer isso:


Vou pode incorporar jogos ao vivo apenas em seu código html como este:

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

Em vez disso, do "*", escrever uma palavra curta para selecionar o torneio, como data-event="Wijk". Selecione
jogos de uma rodada: data-round="4".

Além disso, você tem que adicionar as três linhas a seguir à <head>seção do seu código html:
Diagramas interativos em seu site de xadrez

Um pequeno diagrama purista sem botões de repetição.

Branco para mover - Mate em três. Entrar e repetir os movimentos é possével.

Brancas Jogam - Mate em 3

Uma dica e a solução é fornecida

Jogue a posição
Cada diagrama tem um pequeno motor embutido.
Como fazer isso:
Vou incorporar diagramas diretamente em seu código html como este:
<div class="cbdiagram"
data-size="400"
data-pos="wKgl,Qf6,Nf5,Ral,cl,Pb2,b3,f3,g4,h3/
bKg8,Qb7,Ne6,Ba8,Rc7,d7,Pf7,h7" data-legend="Brancas jogam - Mate em
três."
data-title="Zugzwang!">
</div>
O atributo data-pos descreve a posição. Você pode digitá-lo manualmente ou copiá-lo de ChessBase ou Fritz na caixa de diálogo
de configuração de posição.
Outros atributos de dados:
• Title: data-title="Um Sacrifício Típico.''
• Hints: data-hint="Sacrifique de uma forma que bloqueie os quadrados de fuga do rei preto.''
• Solutions: data-solution="f3g5"
• Arrows: data-arrows="clg5,g5f6"
• Square markers: data-squares="f7,g7,h7"
• Moves: data-moves="l.e4 e5 2.Nf3 Nc6 3.Bb5" (use isso em vez de data-pos)
• Play the position: data-play="lOOO", onde o número é o tempo de pensamento do motor interno em
milissegundos.

Além disso, você deve adicionar as três linhas a seguir à seção <head> do seu código html:
<link rel = "stylesheet" type = "text/css" href= "https://pgn.chessbase.com/CBReplay.css"/>
<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>

O arquivo "jQuery" na segunda linha não é necessário se você já o tiver em sua página da web (bastante comum). jQuery
versão 1.12 é suficiente. Vou poder usar o plugin sarne para embutir um replay para jogos PGN.

Visita meu Blog:


https://clubedexadrezdejuquitiba.blogspot.com/

Fonte: https://en.chessbase.com/post/tutorial-how-to-embed-webtools-2018