Online Spiel für Ihre Webseite oder Blog

SchachOnline.ch Live Board wird Ihre Website um ein einzigartiges interaktives Element erweitern. Ihre Besucher und Leser können direkt auf Ihrer Website online eine Partie gegen einen menschlichen Gegner spielen. SchachOnline.ch Live Board zu Ihrer Website hinzuzufügen ist ganz einfach und dauert nur wenige Minuten.

Wie fügen Sie SchachOnline.ch Live Board zu Ihrer Website hinzu?

Schritt 1 – Code wird generiert

Design Vorlagen Vorlage wählen:

Einstellungen Schachbrett Anzahl der Bretter in der Vorschau der Live-Partien wählen

Die Sprache Die Sprache wählen

Größe der Komponente wählen Dynamische Größe ermittelt durch DIV Komponentengröße

Feste Größe in Pixeln

Feste Größe der Komponente in Pixeln

Breite in Pixeln(160px-480px):

Feste Größe des Brettquadrats in Pixeln

Breite in Pixeln(20-60px):

Benutzerdefinierte Autorisierung Webmaster Referenzcode:

Freilassen, wenn Sie keine persönliche Übereinkunft mit SchachOnline.ch getroffen haben. Wenn Sie individuelle Bedingungen, mehr als 2 Schachbretter oder einen Schach-Client mit mehr Funktionen wünschen, schreiben Sie an [email protected].

Generieren

Schritt 2 – Einfügen des generierten Javascript-Codes in Ihre Website

Kopieren Sie den ersten Teil des Codes (Javascript-Code) und fügen Sie ihn irgendwo zwischen den Tags html und /html ein. Der Javascript-Code wird Ihre Website nicht verlangsamen, da er unmittelbar nachdem die Seite vollständig geladen wurde ausgeführt wird.

Beispiele:

Einfügen des generierten Codes im Header des HTML-Codes – irgendwo zwischen den Tags <head> und </head>

<head>
    <title>Name Ihrer Website</title>
    ...
    <script type='text/javascript'>
        window._cf ={}; window._cf.id =  '2';(function() {var cf = document.createElement('script'); cf.type ='text/javascript'; cf.async = true; cf.src = 'http://cf-cdn.s3.amazonaws.com/js/livechess.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cf, s);})();
     	
    </script>
    ...
</head>

Einfügen des generierten Codes im Body des HTML-Codes – irgendwo zwischen den Tags <body> und </body>

<body>
   ...
   <script type='text/javascript'>
     window._cf ={}; window._cf.id =  '2';(function() {var cf = document.createElement('script'); cf.type ='text/javascript'; cf.async = true; cf.src = 'http://cf-cdn.s3.amazonaws.com/js/livechess.min.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cf, s);})();
     
   </script>
   ...
</body>

Schritt 3 – Positionierung von SchachOnline.ch Live Board auf Ihrer Website

Kopieren Sie den zweiten Teil des generierten Codes (HTML-Code) und fügen Sie ihn an geeigneter Stelle zwischen den Tags <body> und </body> im HTML-Code Ihrer Website ein.

Beispiele:

Positionierung des Bretts links oben auf Ihrer Website

<body>
    <div id="CF_LIVE_BOARD_1"></div> 
    ...
</body>

Positionierung des Bretts in einem bestehenden Abschnitt (<div>) Ihrer Website.

			
<div id="ID_of_your_existing_div">
    <div id="CF_LIVE_BOARD_1"></div>
    ...
</div>

Tipp: Heutzutage sind die meisten Seiten und Blogs in Abschnitte eingeteilt (<div>). Wenn Sie SchachOnline.ch Live Board z. B. in Ihrem Menü platzieren möchten, versuchen Sie den Punkt <div> zu finden, der den Menü-Code enthält, und fügen Sie dort den generierten HTML-Code des SchachOnline.ch Live Board ein.