598
edits
no edit summary
No edit summary |
No edit summary |
||
| Line 38: | Line 38: | ||
* 11Legends | * 11Legends | ||
* 11x11 | * 11x11 | ||
== Interface == | |||
[[File:Ifd_sven_som_kickersunited_startseite.jpg|thumb|right|Startseite]] | |||
Das Interface besteht aus einem Hintergrundbild, das über den ganzen Bildschirm gestreckt wird, und dem Inhalts-Container, der sowohl vertikal als auch horizontal zentriert ist und eine feste Größe hat. Die vertikale Zentrierung wurde durch einen kleinen Trick realisiert, sodass der Content nicht wie bei üblichen Lösungen (top:50% und negativem margin-top) "verschluckt" wird. | |||
Der Inhalts-Container lässt sich im Prinzip in vier Elemente unterteilen: | |||
''1. Topbar'' | |||
Die Topbar zeigt jederzeit die wichtigsten Werte des eigenen Spielers an: | |||
* Erfahrung | |||
** das derzeitige Erfahrunglevel | |||
** Fortschrittsleiste, die anzeigt, wieviel % noch zum nächsten Level gebraucht werden | |||
** Anzeige der aktuellen Erfahrungspunkte und benötigten Punktezahl zum Levelaufstieg | |||
* Kontostand | |||
* Coins (können erworben werden; ermöglichen mehr Komfort und zusätzliche Statistiken) | |||
* Energie | |||
** Zeit bis der nächste Energie-Punkt regeneriert wird | |||
** aktuelle Energie-Punkte | |||
** maximal mögliche Energie-Punkte | |||
* Fitness | |||
** Zeit bis der nächste Fitness-Punkt regeneriert wird | |||
** aktuelle Fitness-Punkte | |||
** maximal mögliche Fitness-Punkte | |||
* Nachrichtenanzeige | |||
* Spieler- bzw. Vereinssuche / Liveticker während Spielen | |||
* Hilfe | |||
* Einstellungen | |||
* Logout | |||
''2. Unternavigation'' | |||
Die Unternavigation zeigt alle möglichen Unterpunkte einer Kategorie. Wählt man nun zum Beispiel die Kategorie Spieler als Oberpunkt, werden in der Unternavigation die Punkte Information, Talente, Leistungsdaten, Statistiken, Auszeichnungen, Kleiderschrank und Bank. Auf welchem Punkt man sich befindet, wird durch andere Schriftfarbe und Hintergrund gekennzeichnet. | |||
''3. Content'' | |||
Dies ist der Hauptbereich, in dem der gesamte Inhalt angezeigt wird. Gestalterisch sind einzelne Inhalte in Fenstern separiert, welche auf gültige Standards aufbauen: Eine Top-Leiste mit zentrierter Überschrift, welche sich durch andere Farbe vom Inhalt abgrenzt. Bei manchen Fenstern gibt es aus Platzgründen Tabs (Registerkarten), welche mithilfe von AJAX asynchron geladen werden. Es wird also nur das betreffende Fenster neugeladen und nicht die gesamte Seite. Durch Push-State-Technik wird die URL so manipuliert, dass sie zum jeweiligen Tab passt. Ist Javascript deaktiviert oder blockiert, können Tabs durch eindeutige URL angesteuert werden. | |||
''4. Navigationsleiste'' | |||
In der Navigationsleiste lassen sich alle Oberpunkte (Spieler, Shop, Training usw.) ansteuern. Durch "hovern" werden zudem alle Unterpunkte (siehe Unternavigation) angezeigt, ähnlich des Windows Startmenüs.<br clear="all" /> | |||
== Technik == | == Technik == | ||