User:Shalley303/Sandbox/6TeamBracket-dyn/doc

Description
This is a fully customizable six team bracket.


 * Features
 * Enable seed column
 * Enable up to six score columns
 * Enable a third place finish match
 * Enable a fifth place finish match
 * Enable match information, and adjust style
 * Change background and font colors for seed column
 * Change background and font colors for team and score columns
 * Change the width of the seed, team, and score columns
 * Change the name of the rounds

Usage

 * General Parameters
 * scores - The number of score columns. A number from 0 to 6. Default = 0
 * finals - The number of extra finals matches. A number from 0 to 2. Default = 0
 * A value of 1 will enable a third place match.
 * A value of 2 will enable a third and fifth place match.
 * mstyle - This value is used in style="" for the match information text.
 * width-seed - The width of the seed column. Default = 2em
 * width-team - The width of the team name column. Default = 11em
 * width-score - The width of each score column. Default = 2em
 * r1 - The name of round one. Default = Quarterfinals
 * r2 - The name of round two. Default = Semifinals
 * r3f1 - The name of the first place finals match. Default = Finals
 * r3f2 - The name of the third place finals match. Default = Third
 * r3f3 - The name of the fifth place finals match. Default = Fifth
 * Match and Team Parameters
 * rXmY - Information about the match. X - Round Y - Match
 * rXtYd - The value of the seed cell. X - Round Y - Team
 * rXtYn - The value of the team name cell. X - Round Y - Team
 * rXtYsZ - The value of a score column. X - Round Y - Team Z - Score Column
 * rXtYcZ - Color values. X - Round Y - Team Z - Color Type
 * X, Y, Z Details
 * In all cases X, Y, and Z are numbers. Use the sample bracket below to determine which numbers to use for what position on the bracket.
 * Color Type
 * 1 - Team and score background color. Default = #F9F9F9
 * 2 - Team and score font color. Default = Black
 * 3 - Seed background color. Default = #F2F2F2
 * 4 - Seed font color. Default = Black

In the above example:
 * Green cells are r1t1n and r1t1s1-5.
 * Orange cells are r3t6n and r3t6s1-5.
 * Yellow cell is r3t1d.
 * Blue cells represent r2m2 (r2t3 and r2t4 combined).


 * Code


 * Considerations
 * Even if a seed column is not used it is still accounted for so that column spanning works correctly with or without a seed. For brackets without seeds the team column width will be a combination of the seed and team widths.
 * Using table elements (&lt;tr&gt;, &lt;td&gt;) for match information will cause column spanning to break. If you want the match information to display elements use &lt;div&gt; and &lt;span&gt; instead. See the Pit Stop Challenge example below for how to do this.

2007 Checkers/Rally's Pit Stop Challenge at the Indy 500
No Seeds, One Final, Two Scores (first score column is team name), Custom Match Info In this example we use inline-block elements for the match info to display header-like data for the match.

2007 Grey Cup
With Seeds, One Final, One Score, Custom Round Names, Match Info Showing Dates

2008 Olympic Men's Table Tennis Bronze Round
With Seeds, One Finals, Five Scores, Custom Round Names

2007-08 NFC Playoffs
With Seeds, One Finals, Six Scores, Match Information This example shows using multiple score columns and custom match information to display box score data for the match.

2008 World Junior Ice Hockey Championships
With Seeds, Two Finals, One Score, Custom Match Info Style to display OT (text-align:right;padding:0 4px 0 0;font-weight:bold;)

2008 Olympic Men's Water Polo
With Seeds, Three Finals, Custom Round Names for Finals, Medal Icons

Colour Battle
An example of using colors