Após criar um torneio, o seu código de inclusão estará disponível clicando no menu à direita da chave. Ou você pode copiar o seguinte e substituir YOUR_TOURNEY_URL.
<iframe src="http://challonge.com/YOUR_TOURNEY_URL/module" width="100%" height="500" frameborder="0" scrolling="auto" allowtransparency="true"></iframe>OBS: Se você está incluindo o código em uma página HTTPS, substitua http por https no código acima. Isso só é suportado para torneios de usuários, não de organizações.
Selecione ou crie um tema com Theme Manager, depois atualize a URL no código para especificar o ID do tema.
.../YOUR_TOURNEY_URL/module?theme=1
Vpcê podê somar à URL do challonge.as opções abaixo, para controlar melhor a aparência de suas chaves.
.../YOUR_TOURNEY_URL/module?multiplier=0.9&match_width_multiplier=1.2&show_final_results=1
Opção Descrição Escala Padrão multiplier Preenche toda a chave. 0.3 - 3.0 1.0 match_width_multiplier Escala a largura definida para nomes. 0.5 - 2.0 1.0 scale_to_fit Dimensiona as chaves para caber na largura do container. Ajusta automaticamente se a janela for redimensionada. 0/1 0 show_tournament_name Display the tournament name on top of the bracket. 0/1 0 show_final_results Exibir os resultador finais acima das suas chaves.Dê uma olhada no nosso gerenciador de temas para ver as cores, e esteja ciente de que os resultados ocuperaão uma largura de 160 pixels. 0/1 0 show_standings Exibir a classificação dos participantes em uma tabela ou aba separada. 0/1 0 show_voting Exibir o formulário de votação nas partidas. Requer que a função votação esteja habilitada no seu torneio. 0/1 0 show_live_status Show LIVE in the upper-right corner to emphasize that the bracket will update in real-time. 0/1 1 tab Define a aba inicial. Abas serão exibidas para torneios de duas fases ou quando você habilitar a opção show_standings. Se não estiver especificado, a fase atual será utilizada. "groups", "final", "standings"
Dê uma olhada nestes exemplos para ver a versatilidade do módulo de chaves do Challonge. O fundo quadriculado é para demonstrar transparências.