3, 2, 1... PUZZLE DEL DIA!! (PUZZLE WEB DE AJEDREZ DE PGN4WEB)
Hola a tod@s (Hello World!)
En este artículo vamos a implementar un puzzle de ajedrez para web que se actualiza diariamente gracias a unos servicios que presenta pgn4web
¡Comenzamos!
Básicamente la idea será en implementar un iframe basándonos en una dirección url que nos propociona pg4web con una lista de parámetros de configuración que nos permitirá retocar el puzzle para implementarlo en una página web.
Código HTML del EJEMPLO:
<iframe height='325' width='325' frameborder='0' src='http://pgn4web.casaschi.net/puzzler.php?squareSize=35'></iframe>
En esta implementación vamos a utilizar nuestra etiqueta conocida "iframe" donde podemos jugar con los tamaños width y height, y simplemente pgn4web nos establece unos parámetros de configuración que pondremos en el src para poder cambiar los colores, tamaños etc... Recordar que cada parámetro se separa con & (Ej: http://pgn4web.casaschi.net/puzzler.php?parametro1=loquesea1¶metro2=loqusea2&...)
VALORES POSIBLES EN EL IFRAME
Parámetro | Descripción |
---|---|
pgnData | Fichero PGN del puzzle, PREDETERMINADO: tactics.pgn |
gameNum | Número de Partida del PGN, PREDETERMINADO: blank |
squareSize | Tamaño de la casilla en pixeles, PREDETERMINADO 30 |
lightColorHex | Color casilla iluminada (Formato hexadecimal), PREDETERMINADO: EFF4EC |
darkColorHex | Color casillas negras (Formato hexadecimal), PREDETERMINADO: C6CEC3 |
pieceFont | Tipo de Piezas (alpha, merida, uscf, random, hash o default), PREDETERMINADO: default |
controlBackgroundColorHex | Color de los botones (Formato hexadecimal), PREDETERMINADO: EFF4EC |
controlTextColorHex | Color del texto de los botones (Formato hexadecimal), PREDETERMINADO: 888888 |
frameBorderColorHex | Color del border de la ventana (Formato hexadecimal), PREDETERMINADO: A4A4A4 |
La salida es la siguiente:
No hay comentarios