Template:Signpost/Crossword/doc

Header template

 * Template:Signpost/Crossword

This will open a table for the crossword and import the stylesheet. Use it at the beginning.

Row template

 * Template:Signpost/Crossword row

This is for making individual rows in the table.

Cell template

 * Template:Signpost/Crossword cell

Provides a row for a crossword cell. You don't need to use this one directly, it's called by the row template.

Usage
Use the crossword template to start the table and load the styles, then use the row template to construct rows. Supply parameters like this:
 * : Unfillable cell, no input box, background color.
 * : Fillable cell with no number.
 * : Fillable cell with number in background of cell.

It should look like this:


 * }

This example has five columns but you can have as many as you want, up to 42 (of course it can be made bigger if we end up with a crossword wider than 42 squares, the code would be very simple).

Blank, to copy:

With all blank squares: With all empty squares:

With all blank squares: With all empty squares:

You can also do this old-school style, with individual cell templates. I don't know why you'd want to do this, but it's technically possible.




 * }

Clue templates
Clues are formatted in a table, with three columns (number, clue, and answer).

 
 * Opens a table for the crossword clues.

 
 * Give a header (styled as a ) for the "across" section of clues.

 
 * Give a header (styled as a ) for the "down" section of clues.

 
 * Template for a crossword clue (same template is used for ACROSS and DOWN clues). Parameters are positional, and given as follows:
 * : Number.
 * : Clue text.
 * : Answer.

 |} 
 * Necessary to close the table. Don't forget this!

Usage
Something like this: Produces this:


 * }

XXXXXX

Classes and styles

 * The entire table that constitutes the crossword
 * Individual cell
 * Wrapper for the bgtext div as well as the actual inputbox
 * Background text for the cell (either the cell's number, or nothing)
 * Div to wrap the actual inputbox in the cell (which is ).
 * The button created by the inputbox tag -- we're using CSS to set this not to display
 * Background text for the cell (either the cell's number, or nothing)
 * Div to wrap the actual inputbox in the cell (which is ).
 * The button created by the inputbox tag -- we're using CSS to set this not to display
 * Div to wrap the actual inputbox in the cell (which is ).
 * The button created by the inputbox tag -- we're using CSS to set this not to display
 * The button created by the inputbox tag -- we're using CSS to set this not to display


 * Class for the table of clues
 * Answer -- formatted as monospace text with the same color as background. This causes some accessibility issues but per T31118 they won't let us use  and
 * Answer -- formatted as monospace text with the same color as background. This causes some accessibility issues but per T31118 they won't let us use  and
 * Answer -- formatted as monospace text with the same color as background. This causes some accessibility issues but per T31118 they won't let us use  and