I'll look at it tomorrow evening.  Somehow the time got away. 

Finished the games for the evening.  Whew!  I'll try to get back in here later.

Is Notepad++ anything like Wordpad?  I have Wordpad.

It seems quite a bit different than Wordpad.

MORE CODING MIRACLES:

0: You must have PROTO.TXT in PROTOTYPE folder so this code can find it.

1: Make a text file called MAKE.BAT in CODE folder.

2: Copy the text in the yellow box below into it by hi-lighting method.

3: SAVE.

4: CLOSE.

5: Double click it.
    When you click it, it will ask for a game number.
    It will make a new folder and insert the PROTO.TXT in it as game-#.txt.
    If you have this already, it will tell you.

6: Look for a new folder in CODE called GAME_yournum.

7: Go inside folder and open the TXT file.

8: Edit TXT file as in next post.

============

<div>
<!-- JOE: pick your own colors, widths, images, blah! -->
<!-- NOTE: bkg-img overrides bkg-color. Can use png or gif also. -->
<!-- Make sure you know what every chicken-scratch does! -->

 <table id="T1-outer" style="border:7px solid #000000;margin:0px auto; width:auto;
background-color:#ffffff;" cellspacing="30" cellpadding="0" background="your-border-if-desired.jpg">
 <tbody>

MORE CODE IS HERE ..don't chop it off  >>>>>>>>>>>>>>>

========

Save as txt and htm WHERE?  In which folder?

In CODE folder, or in CODE/GAME_# folder, right where it's sitting.

====

Edit mygame1.txt        or       game-#.txt

Save as mygame1.txt        or       game-#.txt

Save as mygame1.htm        or       game-#.htm

Close

DBL-click htm

Look at it ... ain't it nifty now.

Close it

Do it all again with a new edit  ... re post #607.

====

Can do any other edit that you feel like.

If it turns out good, save a backup copy, such as 1.bak, 2.bak, 3.bak ...

because when you screw up you can recover by copying one.

RE: Post #606:

Yes, it said I already have that folder.

6: Look for a new folder in CODE called GAME_yournum.

Not there.

I made a new file called MAKE.BAT.

Double clicked it to open.

This is what's inside:

@ECHO OFF

REM ** THIS BATCH FILE MAKES A NEW GAME SETUP **

SET /P var=[NEW GAME NUM] 

REM %var%=NEW GAME NUM

IF EXIST GAME_%var% GOTO HAVE

MD GAME_%var%

COPY PROTOTYPE\PROTO.TXT GAME_%var%\game-%var%.txt

PAUSE

EXIT

:HAVE

ECHO .

ECHO ** FOLDER ALREADY EXISTS **

PAUSE

EXIT

Actually that **FOLDER ALREADY EXISTS** message is only what I copied in your yellow square.  My file or browser didn't tell me diddly squat.

DIRECTORY TREE:

D:\_DESKTOP_D\NEW FOLDER
|   test.bat
|   
+---GAME_99
|       game-99.txt
|       
\---prototype
        proto.txt

Actually that **FOLDER ALREADY EXISTS** message is only what I copied in your yellow square.  My file or browser didn't tell me diddly squat.

Don't have a folder named GAME_yournum.

Try putting 99 in as a number and let me know what happens.

============

No idea what you're talking about.  Put 99 where?

As I said:

6: Look for a new folder in CODE called GAME_yournum.

Not there.

5: Double click it.
    When you click it, it will ask for a game number.
    It will make a new folder and insert the PROTO.TXT in it as game-#.txt.
    If you have this already, it will tell you.

No, it didn't ask for a game number, and it didn't make a new folder.

I did, however, move the PROTO.TXT into the PROTOTYPE folder.

It's almost 2:00 am, Dave. Good night.

Now open game-99.txt with Notepad and start to edit it, as per post #608 and #607.

Use GAME_99 folder to put images, etc into for that game.

Your .BAKs will be in there when you make them.

Make sub-folders in GAME_99 folder to hold different types of files, or it gets cluttered fast.

You can make a HOLD sub-folder to dump stuff in that you may or may not need later.

Stick mygame1.txt in there, since we are now using game-99.txt.

Later we will move GAME_99 folder to CODE/ARCHIVES folder, when it is done.

(You can re-name things to suit yourself, but lets stick with 99 for now.)

If you get stuck on an edit, just ask, and I will try to sort it out.

We could make batch file say [ENTER NEW GAME NUMBER] or [NEW GAME NUMBER=?] to clarify it.

Also edit ECHO . to be ECHO. (ie) remove space. First one prints a dot, second prints a blank line.

Will try to get back here a bit later.

I don't think I'll be able to do anything in here tonight.  It's 1:00 a.m. and I still have some other things I need to do.

Hi, Joe!
Pretend I visit you and we are sitting at your computer, with the desktop open, drinking coffee.
It's exactly 10:00:00 pm.

You take a sip and say, "What do we do?" (3 sec)
I say, "Get into the code folder and double-click the MAKE.BAT file." (3 sec)
You put down your cup, and you say' "It opened! Now what?" (3 sec)
I say, "Put in 99, ENTER, ENTER." (3 sec)
You say, "OK, done! It closed!" and take a sip.(5 sec)
I take a sip, and say, "Look for a folder named GAME_99." (5 sec)
You say, "OK, it's there!" (4 sec)
I say, "Double click it and tell me what's inside!" (4 sec)
You say, "There's a file called game-99.txt in there!" (5 sec)
I say, "Double click it and tell me what's inside!" (5 sec) I take a sip.
You say, "It's the PROTO.TXT code." (5 sec) You take a sip.
I say, "OK, close it." (3 sec)

You say, "OK, done!" (3 sec)

The clock reads 10:00:49.
The whole procedure took 49 sec and 2 cups of coffee,
so you don't have to reserve all of next weekend to do it!

SESSION-2:
You may want to reserve a bit of time to EDIT the game-99.txt though,
but you've been doing that all along with sizes and color changes, and new images.

NOTHING NEW, except you have to know what every CSS code does, and I can help if you get stuck.

You can do it in separate sessions, where you edit the TXT and see results in HTM.

My copy of CSS info from NP++ file follows.

CSS INFO: (cascading style sheets)
IMPORTANT NOTE: This copy is in non-roaming Notepad++ main folder.
=================================================================
See more at:   https://www.w3schools.com/CSSref/
=================================================================
**** SIZE
width:400px;        ... width can be auto, or N% ... height follows width in images
height:500px;       ... seldom required except in TD's
=================================================================
**** POSITION
margin: 0 auto;     ... this centers the object in its container ..Could be 0px also.
=================================================================
**** TEXT
text-align:center;  ... this centers the text or image within the container
font-size:30px;     ... 42 is huge, normal is about 14
line-height: 30px;  ... use 0px with images or you get blank space underneath
font-weight:900;    ... maximum bold, normal 600
color:#663300;      ... this pertains to font ... see chart link at bottom
=================================================================
**** BORDERS ETC
border:7px solid #663300;  ... usually a thin outer line ... see below for options
border-spacing:25px;       ... background color or image is located in here
border-radius:10px;        ... used to add rounded corners to a box
padding: 0px;              ... space around inside of a cell or div and its content
=================================================================
**** BACKGROUND
background-color:#FFFFCC;
background-image:url('http://groupbox.com/uploads/467792/htmltiles/bunny-tile.jpg');
NOTE: background-image takes precedence over background-color
=================================================================
**** BORDER EXPANSION
border: is a short form which includes:
border-width:
border-style:
border-color:
----
Some browsers will split the borders into:
border-left:
border-top:
border-right:
border-bottom:
----
**** BORDER STYLES
border styles can be:
solid   .. used by Dave often, 5 to 10px wide
double  .. used by Dave often, 10 to 20px wide
dotted  .. seldom used
dashed  .. seldom used
groove  .. color is much lighter in Firefox .. seldom used
ridge   .. color is much lighter in Firefox .. used by Dave once in a while
inset   .. color is much lighter in Firefox .. seldom used
outset  .. color is much lighter in Firefox .. seldom used
none    .. seldom used
hidden  .. seldom used
=================================================================
**** IMAGES
width:300px;
height:200px; ... specify if distorting, otherwise follows width
background-size:100% 100%;   ... stretches image to fill box
background-repeat:no-repeat; ... see following:
-----------
repeat    The background image is repeated both vertically and horizontally.
          The last image will be clipped if it does not fit. This is default.
no-repeat The background-image is not repeated. The image will only be shown once.    
repeat-x  The background image is repeated only horizontally.
repeat-y  The background image is repeated only vertically.    
space     The background-image is repeated as much as possible without clipping.
          The first and last images are pinned to either side of the element,
          and whitespace is distributed evenly between the images.    
round     The background-image is repeated and squished or stretched to fill
          the space (no gaps).
initial   Sets this property to its default value.
inherit   Inherits this property from its parent element
=================================================================
**** COLORS
border colors can be:
name - specify a color name, like "red"
Hex - specify a hex value, like "#ff0000"
RGB - specify a RGB value, like "rgb(255,0,0)"
transparent

Color chart at: https://www.w3schools.com/colors/colors_picker.asp
=================================================================
font-family:
These can be listed in order of preference, with separating commas.

 Arial
 Arial Black
 Comic Sans MS
 Courier New
 Georgia
 Impact
 Sans-serif
 Serif
 Times New Roman
 Trebuchet MS
 Verdana

EDIT:There's different Oriental ones in aimoo.

You can add your own important code in here too.

Go to W3schools to find out what it means.

JOE'S STUFF:

=========

box-sizing:border-box;

overflow:auto;

table-layout:fixed;

word-break:all;

???

49 seconds, huh.  That's not taking into account all the time it takes you to explain what I don't understand, nor the time it takes when things don't work exactly the same on my end as they do for you.  I'm late to begin with tonight (late getting home), so I'll try to return to this later tonight.

Hi, Joe!
Pretend I visit you and we are sitting at your computer, with the desktop open, drinking coffee.
It's exactly 10:00:00 pm.

You take a sip and say, "What do we do?" (3 sec)
I say, "Get into the code folder and double-click the MAKE.BAT file." (3 sec)
You put down your cup, and you say' "It opened! Now what?" (3 sec)
I say, "Put in 99, ENTER, ENTER." (3 sec)
You say, "OK, done! It closed!" and take a sip.(5 sec)
I take a sip, and say, "Look for a folder named GAME_99." (5 sec)
You say, "OK, it's there!" (4 sec)
I say, "Double click it and tell me what's inside!" (4 sec)
You say, "There's a file called game-99.txt in there!" (5 sec)
I say, "Double click it and tell me what's inside!" (5 sec) I take a sip.
You say, "It's the PROTO.TXT code." (5 sec) You take a sip.
I say, "OK, close it." (3 sec)

You say, "OK, done!" (3 sec)

The clock reads 10:00:49.
The whole procedure took 49 sec and 2 cups of coffee,
so you don't have to reserve all of next weekend to do it!

SESSION-2:
You may want to reserve a bit of time to EDIT the game-99.txt though,
but you've been doing that all along with sizes and color changes, and new images.

NOTHING NEW, except you have to know what every CSS code does, and I can help if you get stuck.

You can do it in separate sessions, where you edit the TXT and see results in HTM.

My copy of CSS info from NP++ file follows.

Okay, it's already taken me CONSIDERABLY more than 49 seconds.  More like 15 minutes.

I FINALLY figured out where to put the 99, by looking at your example.  I hit ENTER, ENTER.  That made two blank lines after the line with 99 on it.  It didn't close, until I X-d it off.  Asked if I wanted to save, I clicked Yes.

Looked for a folder named GAME_99.  I say OK, it's NOT THERE!

Then I guess I'm done for the night.  Meanwhile the clock is ticking.  I'll be back in, let's say, 18 hours.  How many periods of 49 seconds are in 18 hours?

18 hours = 64,800 seconds -- divided by 49 seconds = 1,322.  So, Dave you were off by a factor of 1,322.

Therefore, it will take 1,322 times longer than what you estimated, to do this.  And the thing about it is... IT STILL WON'T BE DONE!

Good night.

Right.  However... my browser is treating my MAKE.BAT file as a simple text file.

After seeing your pic, I deleted some of the contents, the part before the line with 99.  I lay in bed last night, couldn't sleep for thinking about it.  Following your instructions at some point, I MAY have copied the instructions along with any other content, for example if you said copy THIS, and I MAY have put those into the MAKE.BAT file.  I'm not really sure what's wrong, but I do know my browser is treating it as a text file.  Here's what's in my MAKE.BAT file:

[NEW GAME NUM] 99

REM %var%=NEW GAME NUM

IF EXIST GAME_%var% GOTO HAVE

MD GAME_%var%

COPY PROTOTYPE\PROTO.TXT GAME_%var%\game-%var%.txt

PAUSE

EXIT

:HAVE

ECHO .

ECHO ** FOLDER ALREADY EXISTS **

PAUSE

EXIT