Pasting the game into your Neocities page
-
Generate and copy the embed code
Pick a board size on the embed generator, switch the theme to retro if your site has a nineties look, and copy the full snippet — the iframe plus the credit paragraph under it. Neocities is raw HTML hosting, so you paste the code exactly as generated, both parts.
-
Open your dashboard and find the page
Log in to Neocities and open your dashboard, which lists every file on your site. Decide whether the game goes on your front page (index.html) or on a page of its own.
-
Click Edit on the file
Hover the file in the dashboard and click the Edit link that appears, which opens the built-in text editor with your page source. If you want a separate page instead, use the new file button first, name it something like games.html, and edit that.
-
Paste the iframe inside the body
Place both parts inside the body of the page at the point where the game should appear, keeping the credit paragraph directly under the iframe — never inside the head section, where the browser will ignore it. Wrap them in a centring div, or the classic center tag, if the rest of your layout is centred.
-
Save, then view the live page
Click Save in the editor toolbar, then use View to open the published page. Neocities updates immediately, so if the board does not appear, the problem is in your markup rather than a deployment delay.
Match it to an old-web layout
Neocities sites tend to be deliberately period-correct, and a modern flat game board sitting in
the middle of a tiled-background, table-layout page looks wrong. The theme=retro
parameter exists for exactly this: silver #C0C0C0 panels, white-and-grey bevelled
cells, sharp corners, the red seven-segment mine counter and the yellow smiley that changes
face when you click.
If you are building a Windows-desktop-style page, put the board inside your own fake window
chrome and hide the frame border. The game already draws its own bevels, so a plain
frameborder="0" iframe sits inside a title-bar div convincingly:
<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>
Setting branding=false hides the "Powered by" line drawn inside the frame,
which is worth about 30 pixels of height — that is why the height above is 442 rather than 472.
It does not remove the credit paragraph, and nothing does: that link lives in your page, not
ours, and it is the deal that keeps the embed free. Here it has been restyled into a
status-bar strip under the fake window, which suits the layout better than the default grey —
that kind of change is entirely welcome, as long as the link still points at the game.
Frames, widths and the content pane
A large number of Neocities templates are built around a navigation column and a content
iframe, usually named content, which loads each page. If you paste the game into a
page that is loaded into that pane, you are nesting a frame inside a frame. That works in every
browser, but the width the board has to live in is the pane's width, not the window's.
Measure the pane, then choose:
- Under 400px of pane width — Beginner 9×9 (344 × 472), or a smaller custom board such as
?size=7x7&mines=6. - 500 to 700px — Intermediate 16×16 (536 × 664).
- Full-width layouts on desktop — Expert 30×16 (956 × 664).
Fixed pixel widths are correct here. A percentage width on the iframe would stretch the frame but not the board inside it, leaving the game floating in empty space.
Ideas that suit a Neocities page
- A games room page. Link it from your index alongside your other pages; several boards at different difficulties on one page costs you nothing in storage.
- A guestbook reward. Put the board under the guestbook as a thank-you for signing.
- A shrine sub-page. If your site has a Windows 95 or old-PC section, an actual working Minesweeper is a better artefact than a screenshot of one.
- A 404 page. Paste the board into
not_found.htmlso a dead link turns into a game instead of an apology.
If you would rather send visitors to a full-screen board than embed one, the main game and the custom board sizes both work as plain links from any page.