Jugar en línea para su Web o Blog

Enriquece su página o blog un único elemento interactivo - Chessfriends.com tablero de ajedrez. Sus visitantes y lectores podrán jugar inmediatamente partida de ajedrez contra un oponente real directamente en su página. Insertar Chessfriends.com tablero de ajedrez es muy simple, que le lleva sólo unos minutos.

¿Cómo insertar tablero de Chessfriends.com en su página?

Step 1 – Generating the code

Plantilla de diseño
Ajustes del tablero
Idioma
Seleccione el tamaño de los componentes
Opcional

Si quisiera contar con opciones avanzadas, escriba a [email protected]. En otro caso manténgalo vacío.

Generar

Step 2 – Inserting the generated Javascript code in your site

Copie de la primera parte del código (código Javascript) y lo pegue en cualquier sitio entre tagos <html> y </html>.

Ejemplos:

Inserting the generated code in HTML code header – anywhere in between <head> and </head> tags
<head>
    <title>Nombre de su página</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>
Inserting the generated code in HTML code body – anywhere in between <body> and </body> tags
<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>

Step 3 – Positioning JuegaAjedrez.es Live Board on your site

Copie la segunda parte del código generado (el código HTML) y póngalo en lugar adecuado entre etiquetas

Ejemplos:

Colocación de la placa en su parte superior izquierda del sitio
<body>
   
<div id="CF_LIVE_BOARD_1"></div>
... </body>
Colocación del tablero en un bloque existente(<div>–u)Vašej stránky.
			
<div id="ID_of_your_existing_div">
   
<div id="CF_LIVE_BOARD_1"></div>
... </div>

Pista: Nowadays, most of pages and blogs are divided into sections (<div>–s). If you want to place JuegaAjedrez.es Live Board e.g. in your menu, try to find the <div>, which contains the menu code and insert the HTML generated code of the JuegaAjedrez.es Live Board there.