1. 埋め込みコードのコピー
トーナメントの作成後、埋め込みコードはブラケットの右上のEmbed iconをクリックすることで表示されます。もしくは、以下のURLのYOUR_TOURNEY_URLを置き換えることでアクセスできます。

<iframe src="http://challonge.com/YOUR_TOURNEY_URL/module" width="100%" height="500" frameborder="0" scrolling="auto" allowtransparency="true"></iframe>
NOTE: もしHTTPSのページにブラケットを埋め込む場合、上記のコードのうち、httpをhttpsに置き換えてください。これはユーザーがホストしているトーナメントのみで有効で、団体によるトーナメントではサポートされていません。

2. テーマの作成
Theme Managerでテーマを選択するか作成後、画面右側に表示されるテーマIDを下記のようにURLに追加してください。

.../YOUR_TOURNEY_URL/module?theme=1

3. 高度なオプションの設定
challonge.com URLに以下のオプションを追加することで、ブラケットをより詳細に制御することができます。

.../YOUR_TOURNEY_URL/module?multiplier=0.9&match_width_multiplier=1.2&show_final_results=1
オプション 説明 範囲 デフォルト
multiplier ブラケット全体を拡大・縮小します。 0.3 - 3.0 1.0 Multiplier
match_width_multiplier 名前欄の横幅を拡大・縮小します。 0.5 - 2.0 1.0 Match width multiplier
scale_to_fit 埋め込み表示の領域に合わせてブラケットを拡大・縮小します。ウィンドウがリサイズされた場合、拡大率は自動で調整されます。 0/1 0
show_final_results 最終結果をブラケットの上部に表示します。 テーママネージャーで色を確認してください。また、最終結果は160ピクセルの高さを占めます。 0/1 0 Show final results
show_standings タブで参加者の順位を表示します。 0/1 0 Show standings
show_voting マッチの投票フォームを表示します。この機能を使用するには、トーナメントで投票が有効になっている必要があります。 0/1 0 Show voting
tab 最初に表示されるタブを設定します。タブは2ステージトーナメントか、 show_standings オプションを設定すると表示されます。 tab を設定しない場合、アクティブなステージが表示されます。 "groups", "final", "standings"

デモ

こちらにChallongeブラケットモジュールの汎用性を示すために、いくつかのサンプルを用意しました。(尚、背景の市松模様は透過性をデモするためのものです。)