1. Kopieren sie den Einbettungs-Code
Nach dem erstellen eines Turniers, kann der Einbettungs-Code durch klicken aufim Menu rechts von der Leiste abgerufen werden. Oder Sie können das folgende kopieren und ersetzen DEINE_TURNIER_URL.
<iframe src="http://challonge.com/DEINE_TURNIER_URL/module" width="100%" height="500" frameborder="0" scrolling="auto" allowtransparency="true"></iframe>Notiz: Wenn du eine Leiste auf einer HTTPS Seite einbettest, ersetze http mit https im Code hierdrüber. Das wird derzeit nur für Benutzer-hosted turniere angeboten , nicht für Organisationen.
2. Erstellen sie ein Design
Wähle oder erstelle ein Design mit unserem link Theme Manager, erneuere dann die URL im Code um die Design ID festzulegen
.../DEINE_TURNIER_URL/module?theme=1
3. Legen sie weitere Einstellungen fest
Du kannst die challonge.com URL mit Einstellungen unten für bessere Steuerung über das Design von deiner Leiste
.../DEINE_TURNIER_URL/module?multiplier=0.9&match_width_multiplier=1.2&show_final_results=1
Option Beschreibung Reichweite Standard multiplier Skaliere die ganze Leiste. 0.3 - 3.0 1.0 match_width_multiplier Skaliere die Breite zugewiesen zu den Namen. 0.5 - 2.0 1.0 scale_to_fit Skaliert die Klammer, damit sie in Breite des Containers passt. Passt sich automatisch an, wenn die Fenstergröße sich ändert. 0/1 0 show_final_results Zeige die Endergebnisse über deiner Leiste. Schaue in den Design Manager um die Farben zu zeigen,und sei dir bewusst das die Ergebnisse bis zu 160 Pixel hoch sind. 0/1 0 show_standings Zeige die Teilnehmer stand in einer Tabelle in einem neuem Reiter. 0/1 0 show_voting Zeige die Spiel Abstimmungsform. Erfordert das Abstimmung aktiviert ist für dieses Turnier 0/1 0 tab Setze den Anfangsreiter. Reiter werden angezeigt für zweistufige Turniere oder für wenn die show_standings Einstellung angeschaltet ist. Wenn nicht festgelegt wird die aktive Phase benutzt "groups", "final", "standings"
Demo
Schaue dir diese Beispiele an um die Vielseitigkeit vom Challonge Leisten Modul zu sehen. Der karierte Hintergrund ist um die Durchsichtigkeit zu zeigen.