Login





Wachtwoord vergeten?

Dagelijkse puzzel

Laatste reacties

Diagrammen plaatsen op de website

Om statische diagrammen te plaatsen in berichten of reacties zijn er een aantal mogelijkheden:


Show-fen plugin

De meeste schaakprogramma bieden de mogelijkheid om een diagram in zgn FEN code te kopiëren. Bij de ChessBase producten (o.a. Fritz) zit die optie in het menu Edit -> Copy -> Copy Position.

In Wordpress plaats je die FEN-code tussen de volgende tags: [​fen] [​/fen]. Als je in HTML-modus werkt (of in een reactie) kun je gewoon CTRL-v gebruiken om de code te plakken. In de WYSIWYG-editor plak je het via het knopje platte-tekst-plakken (zie je als de uitgebreide knoppenbalk aanzet).

Je krijgt dan iets als:

[​fen]r2qk2r/1b1n1pbp/p3N3/1p1p2P1/2n5/P3B3/1PPQB1PP/R2N1RK1 b kq – 0 15[​/fen]

wat het volgende diagram oplevert:

Black to move
Position after move 15
Castling possibilities: kq
0 half-moves after last pawn advance or capture

De zwarte stip naast het bord geeft aan dat zwart aan zet is in deze positie.

Black to move
Position after move 15
Castling possibilities: kq
0 half-moves after last pawn advance or capture

Als je het diagram op deze manier met tekstomloop wilt gebruiken, zul het diagram in een tabel moeten plaatsen, die kun je wel weer uitlijnen. Dit is eigenlijk alleen te doen als je berichten in HTML-modus bewerkt en niet in de WSYIWYG editor.

Een voorbeeld is het diagram hiernaast met de volgende code:

<table align="left">
<tbody>
<tr>
<td>[​fen]r2qk2r/1b1n1pbp/p3N3/1p1p2P1/2n5/P3B3/1PPQB1PP/R2N1RK1 b kq - 0 15[​/fen]</td>
</tr>
</tbody></table>

Let op! Je moet dan wel uitkijken dat de tekst inderdaad het diagram omloopt, anders gaat het diagram over de volgende tekstblokken heenhangen. Dat  kun je oplossen door na de tekst de volgende code te plaatsten:

<div style=”clear:both”></div> of gebruik de template {​{clear}}

PS: ik heb de code van Show-fen zelf wat aangepast ([fen] ipv <fen>) omdat anders de tags telkens verdwijnen als je switcht tussen de 2 verschillende bewerk modi.

ChessUp-methode

Via de site ChessUp kun je ook makkelijk diagrammen maken. Je plaatst gewoon de stukken op het bord (of gebruikt een FEN-code). Dan genereert de site een hyperlink die je eenvoudig in je tekst kunt kopieëren. Bij het schrijven van je bericht voeg je die code in als bron van een afbeelding.
In HTML modus schrijf je iets als

<img title=”Voorbeeld diagram” src=”plak hier de code van ChessUp” />

In de de WYSIWYG editor is iets eenvoudiger: klik op afbeelding invoegen en geeft bij Bron de code in. Je kunt dan meteen zaken als tekstomloop instellen.

Voorbeeld diagram

Voorbeeld diagram

Dan wordt het diagram als afbeelding in je tekst geplaatst.

De afbeelding wordt nu gegeneerd op de site van ChessUp en mocht die nu plat liggen, is er ook hier geen diagram te zien. Je kunt daarom ook het diagram als afbeelding opslaan door met de rechtermuisknop er op te klikken en dan met save as.. de afbeelding op een plek naar keuze op je harde schijf opslaan.
Vervolgens kun je die afbeelding dan zoals elke andere afbeelding uploaden. Dit werkt echter niet in Reacties, omdat je dan geen files kunt uploaden.

Er zijn meer sites die deze mogelijkheid bieden:

Eigen afbeelding invoegen

Dit behoeft eigenlijk geen toelichting. In dit geval is een diagram namelijk gewoon een .gif, .jpg, .pgn of .bmp bestand dat je gewoon kunt uploaden. Uitleg over uploaden.