[pgnviewer] Schachpartien einbinden und nachspielen
Hallo,
mit dem [pgnviewer] habe ich nun meine erste Erweiterung veröffentlicht! :D
Die Erweiterung fügt ein Inhaltselement hinzu mit dem der PGN-Viewer von chesstemp.com eingebunden wird. Mit dem PGN-Viewer kann man Schachpartien die im PGN-Format vorliegen komfortabel nachspielen. Die Funktionen des PGN-Viewer stehen auf der Seite chesstempo.com/pgn-viewer.html.
Folgende Auswahl- und Einstellungsmöglichkeiten gibt es:
- PGN-Datei: Die einzubindenden Schachpartien müssen im PGN-Dateiformat auf dem Server liegen. Die Datei kann eine oder auch mehrere Partien beinhalten.
- Partiedaten anzeigen: Welche Partiedaten sollen angezeigt werden? Besteht die PGN-Datei aus mehreren Partien, so werden (leider) immer nur die Partiedaten der 1. Partie angezeigt.
- Figurensatz auswählen: Es stehen 5 unterschiedliche Figurensätze zur Verfügung.
- Figurengröße auswählen: Es kann aus 6 Figurengrössen ausgewählt werden (von 20px bis 46px).
- Pause zwischen den Zügen: Unter dem Brett wird eine Navigationsleiste angezeigt. U.a. kann man eine Partie im Autoplaymodus abspielen. Hier wird die Zeit der Pause zwischen den Zügen angegeben (in Millisekunden).
- Züge formatiert ausgeben: Es stehen zwei Modi für die Darstellung der Züge und Varianten zur Verfügung. Ist diese Option gewählt, werden die Züge und Varianten untereinander dargestellt.
- Brett vor Notation ausgeben: Auswählen um die Reihenfolge der Anzeige zu ändern.
- Backlink zu Chess Tempo anzeigen: Der ChessTempo PGN-Viewer ist unter einer Creative Commons-Lizenz lizensiert. Sie dürfen den Viewer kostenlos auf Ihrer nicht-kommerziellen Webseite verwenden, unter der Bedingung, dass Sie einen sichtbaren Link zu http://chesstempo.com auf dieser Seite platzieren. Wenn sie diesen Link irgendwo anders auf der Seite platzieren wollen, können Sie den Link unterhalb des Brettes ausschalten.
- Koordinaten anzeigen: Zeigt die Koordinaten an der Seite des Brettes an.
- Autoscroll aktivieren: Wenn Sie die Anzeige der Notation mittels CSS so eingestellt haben, dass in einem "Fenster" gescrollt wird, kann mit dieser Option die Notation beim vorspielen der Partie mitscrollen.
Das Aussehen von Brett und Notation werden mittels CSS gestaltet, kann also individuell angepasst werden.
Ein Beispiel für die [pgnviewer]-Erweiterung gibt es auf der Seite vom Schachklub Turm Kleve: http://www.turmkleve.de/schach.html
Schachaufgaben mir dem PGN Viewer einbinden - wie?
Grüß Gott,
bin leider mit Contao sehr am Anfang, möchte aber trotzdem mit dem Framework für unseren Schachverein die aktuelle Homepage ablösen.
Das Einbinden von Partien klappt generell bereits.
Was muss ich jetzt machen, damit ich Schachaufgaben einbinden kann?
Brauche ich da etwas Spezielles in der PGN-Datei oder wie funktioniert das?
Ich habe dazu leider keine Hinweise im Forum gefunden.
Im Endeffekt sollte es so funktioneren, wie auf der in den PGN-Beiträgen erwähnten Seite https://www.turmkleve.de/schach/game/554.html
Bin da für Tipps sehr dankbar, da ich gerade das Aufgaben-Feature super hilfreich finde.
LG
Martin
CSS Statement zerlegt mir leider die Brettanzeige
Danke für die schnelle Info.
Mit dem Akkordeon-Element hatte ich auch schon rumexperimentiert.
Ich habe mich bei meiner Seite eng an den Vorschlag von Peter Müller gehalten und bin mit dem Ergebnis soweit zufrieden.
Leider zerlegt mir die Brettanzeige des PGN-Viewers das aktuell auf meiner Seite angelegte CSS-Layout.
Der Grund liegt scheint's in dem Style für das Element:
ce_accordion .accordion div {
font-size: 12px;
padding: 0.75em 0.5em;
Die padding-Angabe "vernichtet" die vollständige Anzeige des Schachbretts, sobald der Viewer in das Arkoordeon eingebunden ist.
Ich bin auf der Seite mit einem 2-spaltigen Standardlayout unterwegs (180 px für die linke Spalte, das statische Layout ist bei einer 90% Breite mit zentrierter Ausrichtung eingestellt).
Wenn ich das padding rausnehme dann klappt's im Akkordeon, ansonsten nicht. Leider haut mir das dann auf den anderen Akkordeons die Darstellung etwas in die Grube.
Mit CSS bin ich leider nicht auf Du und ich kann mir daher die Darstellung des PGN Viewers unabhängig von den anderen Elementen nicht basteln.
Habt ihr einen Tip (jenseits von schnellstens CSS lernen) wie ich die Darstellung doch noch brauchbar in ein Akkordeon bekomme (um den genannten Workaround für die Schachaufgaben zu nutzen)?
Danke wieder im Voraus!
LG
Martin
Ersatz/Weiternutzung PGN Viewer unter COntao 4.4
Hallo zusammen,
bin aktuell beim Umstieg 3.5 -> 4.4.
Seite läuft lokal soweit.
Gibt es unter 4.4 einen Nachfolger für den PGN-Viewer oder kann man den dort händisch wieder einbinden?
Bin für alle Tips sehr dankbar!
Kommt gut durch die Coronazeit!
Martin