Meinung 120
Das Ergebnis ist nur für Teilnehmer sichtbar.
[Blockierte Grafik: http://i.imgur.com/LjxiXP3.png]
Hey Com,
nachdem mir einwenig langweilig & ich mit dem Design vom Leitstellenspiel nicht zufrieden war, hab ich mich entschlossen das Game einwenig umzugestalten.
Ist allerdings noch WIP!
Eure Meinung dazu ?
Infos:
- Sollte es Probleme geben, bitte hier einen Screenshot posten & ich behebe es.
- Schrift die ich in den Screenshots nutze gibt es > hier <
- Achtet auf die Versionsnummer - jetzt am Anfang werde ich natürlich öfters Updaten.
- Die Alarmierungsmaske & Responsive Design/Mobil ist gerade in Arbeit
- Die Rote Linie stellt bei mir den Bildschirm Rand dar (ist je nach Browser unterschiedlich)
- Updates gehen nun schneller & leichert - nur auf 'Check for Updates' drücken & das Design wird aktualisiert
- Ich werde weiterhin das ganze parallel über Github laufen lassen
- Screenshot in groß v1
- Screenshot in groß v2
Anleitung
1. Installiert Stylish für euren Browser
2. Geht auf: https://userstyles.org/users/298830
3. Wählt euere Version + Browser aus
4. Install with Stylish
5. Fertig -> Außer Safari & Chromenutzer
Bei Safari 'Applies to Global' ...
[Blockierte Grafik: http://puu.sh/k48xa/c35d926dd6.png]
... zu URL-Prefix http://www.leitstellenspiel.de ändern!
[Blockierte Grafik: http://puu.sh/k4bJ7/a7614363ba.png]
Bei Chrome 'Gilt für Alle' ...
[Blockierte Grafik: http://puu.sh/k48hU/6606f91866.png]
... zu "URLs auf der Domain http://www.leitstellenspiel.de" ändern!
[Blockierte Grafik: http://puu.sh/k4bDq/d42ace4062.png]
Diese Einstellung ist sehr wichtig, da das Design sonst auch andere Seiten beeinträchtigen könnte!
Damit ihr die Updates bekommt, müsst ihr die alten Styles löschen oder deaktivieren & das Design neu installieren über den Link bei Punkt 2!
(Betrifft nur die User die das Design manuell über die Github Anleitung installiert haben - jeder der das Design über userstyles.org geladen hat, hat immer die aktuellste Version)
Anleitung
https://github.com/lostdesign/leitstellenspiel-v1
https://github.com/lostdesign/leitstellenspiel-v2
Code Version 1 | Code Version 2 |
Chrome + Safari v1 (v1.1.1) https://github.com/lostdesign/…spiel-chrome%2Bsafari.css |
Chrome + Safari v2 (v2.0.1) https://github.com/lostdesign/…spiel-chrome%2Bsafari.css |
Firefox https://github.com/lostdesign/…istellenspiel-firefox.css |
Firefox (v2.0.0) https://github.com/lostdesign/…tstellenspiel-firefox.css |
[Blockierte Grafik: http://i.imgur.com/LDA69Y4.png] Screenshot in groß |
[Blockierte Grafik: http://i.imgur.com/NQhUinb.png] Screenshot in groß |
Screenshots & Weitere Concepte:
1. Konzept ist fast fertig - bis auf ein kleines Detail - muss die Fahrzeugliste scrollbar machen.
Vor der Alarmierung
[Blockierte Grafik: http://puu.sh/k5n0q/5a1161d970.png]
Nach der Alarmierung
[Blockierte Grafik: http://puu.sh/k5nA0/7956009e59.png]
Nach Alarmierung & Freigabe im Verband
[Blockierte Grafik: http://puu.sh/k5n68/ac8e7cdb33.png]
Weitere Dinge die ich noch machen möchte:
- Die Länge des unteren Alarmierungsbuttons vergrößern
- 'Anzahl der Kräfte' muss noch behoben werden
- Tabelle scrollbar machen
- Tabs bei der Fahrzeugliste sowie bei der AAO mit Kategorie überarbeiten
- AAO Buttons überarbeiten
- Schriftgröße anpassen
Dann wäre die Alarmierungsmaske v1 fertig. Werde da auch eine zweite, eventuell noch eine dritte Version erstellen
Hier mal ein Concept das ich mir überlegt habe - konnte das leider so nicht in CSS reel umsetzen da ich keine Klassennamen zum anpacken hatte.
Finde es vom Platzmanagement am besten (allerdings trifft das eher auf die AAO Spieler zu - alle die die AAO nicht nutzen können ja die Tabelle auf voller breite haben bzw. hätte dort 'Fahrzeuge auf Anfahrt' / 'Fahrzeuge am Einsatzort' Platz (siehe Weiteren Screenshot).
Es ist ein unfertiges Concept - Schriftgrößen usw müssten noch angepasst werden & bei der AAO keine ".btn-mini" sondern Normale Große Buttons wie bei 'Alarmieren' (Siehe Screenshot zu AAO Buttons +++ folgt +++).
Vor der Alarmierung:
[Blockierte Grafik: http://i.imgur.com/LYkeBIF.jpg]
Nach der Alarmierung:
[Blockierte Grafik: http://i.imgur.com/eQ4qICQ.jpg]
Hier der andere Vorschlag - gefällt mir persönlich nicht so, jedoch besser für Leute ohne AAO:
[Blockierte Grafik: http://i.imgur.com/XY8lxbg.jpg]