No hay ningún editor contra el que pelear. Pega el iframe en tu página, guarda y el tablero ya está publicado. Lo interesante es qué hacer con él una vez que está ahí.
Pegar el juego en tu página de Neocities
Genera y copia el código para insertar
Elige el tamaño del tablero en el generador, cambia el tema a retro si tu web tiene aire noventero y copia el fragmento completo: el iframe y el párrafo de crédito que va debajo. Neocities es alojamiento de HTML sin más, así que pegas el código exactamente como se genera, con las dos partes.
Abre tu panel y busca la página
Inicia sesión en Neocities y abre tu panel (dashboard), que muestra todos los archivos de tu web. Decide si el juego va en tu portada (index.html) o en una página propia.
Haz clic en Edit en el archivo
Pasa el ratón por encima del archivo en el panel y haz clic en el enlace Edit que aparece; se abre el editor de texto integrado con el código de tu página. Si prefieres una página aparte, usa antes el botón de archivo nuevo, ponle un nombre como games.html y edita ese.
Pega el iframe dentro del body
Coloca las dos partes dentro del body de la página, en el punto donde debe aparecer el juego, con el párrafo de crédito justo debajo del iframe; nunca dentro de la sección head, donde el navegador lo ignorará. Envuélvelas en un div centrado, o en la clásica etiqueta center, si el resto de tu diseño está centrado.
Guarda y mira la página publicada
Haz clic en Save en la barra de herramientas del editor y luego usa View para abrir la página publicada. Neocities se actualiza al instante, así que si el tablero no aparece, el problema está en tu código y no en un retraso de publicación.
Que encaje en un diseño de la web antigua
Las webs de Neocities suelen ser fieles a su época a propósito, y un tablero moderno y plano en medio de una página con fondo de mosaico y maquetada con tablas queda raro. El parámetro theme=retro existe justo para esto: paneles gris plata #C0C0C0, casillas en relieve blancas y grises, esquinas rectas, el contador de minas rojo de siete segmentos y la carita amarilla que cambia de cara cuando haces clic.
Si estás montando una página al estilo del escritorio de Windows, pon el tablero dentro de tu propio marco de ventana falso y oculta el borde del iframe. El juego ya dibuja sus propios relieves, así que un iframe con frameborder="0" queda convincente dentro de un div con barra de título:
<div class="win95-window">
<div class="titlebar">Minesweeper</div>
<iframe src="https://play-minesweeper.games/embed/?size=beginner&theme=retro&branding=false"
width="344" height="442" frameborder="0" title="Minesweeper"></iframe>
</div>
<p class="status-bar">
<a href="https://play-minesweeper.games/">play-minesweeper.games</a> — free Minesweeper, no download
</p>Poner branding=false oculta la línea «Powered by» dibujada dentro del marco, que ocupa unos 30 píxeles de alto: por eso la altura de arriba es 442 y no 472. No quita el párrafo de crédito, y nada lo quita: ese enlace está en tu página, no en la nuestra, y es el trato que mantiene gratis el widget. Aquí se le ha cambiado el estilo para convertirlo en una barra de estado bajo la ventana falsa, que encaja mejor en el diseño que el gris predeterminado; ese tipo de cambio es totalmente bienvenido, siempre que el enlace siga apuntando al juego.
Marcos, anchos y el panel de contenido
Muchísimas plantillas de Neocities se basan en una columna de navegación y un iframe de contenido, normalmente llamado content, que carga cada página. Si pegas el juego en una página que se carga en ese panel, estás anidando un marco dentro de otro. Funciona en todos los navegadores, pero el ancho en el que tiene que caber el tablero es el del panel, no el de la ventana.
Mide el panel y después elige:
- Menos de 400px de ancho de panel: Principiante 9×9 (344 × 472), o un tablero personalizado más pequeño como
?size=7x7&mines=6. - De 500 a 700px: Intermedio 16×16 (536 × 664).
- Diseños a todo el ancho en ordenador: Experto 30×16 (956 × 664).
Aquí lo correcto son anchos fijos en píxeles. Un ancho en porcentaje en el iframe estiraría el marco pero no el tablero de dentro, y el juego quedaría flotando en un espacio vacío.
Ideas que encajan en una página de Neocities
- Una sala de juegos. Enlázala desde tu index junto a tus otras páginas; varios tableros de distintos niveles en una misma página no te cuestan nada de espacio.
- Un premio en el libro de visitas. Pon el tablero bajo el libro de visitas como agradecimiento por firmar.
- Una subpágina santuario. Si tu web tiene una sección dedicada a Windows 95 o a los PC antiguos, un Buscaminas que funciona de verdad es mejor pieza de museo que una captura de pantalla.
- Una página 404. Pega el tablero en
not_found.htmlpara que un enlace roto se convierta en un juego en lugar de una disculpa.
Si prefieres mandar a los visitantes a un tablero a pantalla completa en vez de insertarlo, el juego principal y los tamaños de tablero personalizados funcionan como enlaces normales desde cualquier página.