Seiten Design

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Seiten Design

    Schaut man sich 3 Seiten an, finde Ich 2 davon ansprechen aber nicht die, die man eigentlich permanent sieht:







    Wieso haben wir auf der Spielseite nicht auch so einen schönen Hintergrund? Das einzige was auf Volksfest hindeutet, ist der kleine Foto im Banner über „Aktuelle Veranstaltungen“ Oder die Grafik über „Quest“.
    Da aber dann auch, einmal Grafik & einmal Foto. Um weiter auf der Spielseite zu bleiben, wieso ist oben die Leiste nicht durchgängig schwarz ? Warum die weiße Lücke zwischen Benachrichtigungen und Forum Button ;)

    Im Vergleich zu den anderen Seiten ist genau die Hauptseite, langweilig gestaltet. Da muss Kirmes rein :)


    Dann auf dem Profil, dass eigene „Titelbild“ sollte gegen was gewechselt werden, ggf. jeder User mit eigenem Foto?

    Dann, wo wir einmal beim Profil sind, sollte es eine andere Auflistung gegeben. Priorität sollte auf das Geschäft liegen und nicht auf die Freunde Liste. Nehmen wir das Beispiel der Liste von Excallibur, „500“ Freunde und man scrollt eine „halbe Stunde“ um zusehen, was hat er eigentlich für ein Geschäft.

    Das zum Thema Optik von mir :)

  • Das ist sicherlich zu großen Teilen eine Geschmacksfrage. Bevor ich jetzt groß erkläre, warum "die Leiste nicht durchgängig schwarz" ist: Es ist geplant, den Header (also die obere Leiste) und das Menü zu überarbeiten.

    Gleiches gilt auch für das Profil. Ursprünglich war es geplant, dass man das Titelbild austauschen kann, das ist aber nicht passiert, weil andere Features eine höhere Priorität hatten.

    Die Freundesliste war einfach nur schnell implementiert, um sie zu haben, da steckt nicht viel Design dahinter. Dass ein Spieler die Absicht hat, mit allen anderen Spielern "befreundet" zu sein, ist mir damals eben auch nicht in den Sinn gekommen :D

    Ich arbeite an diesem Spiel mehrere Jahre und natürlich gefällt mir längst nicht mehr alles, was ich vor 5 Jahren oder so mal gemacht habe.
    Da wird sich noch sehr viel tun, das ist sicher. Jetzt kann ich auch langsam den Fokus auf solche Dinge legen, aber zuvor sind immer noch einige größere Themen offen, die einfach wichtiger sind ;)

  • Hawkeye schrieb:

    Nehmen wir das Beispiel der Liste von Excallibur, „500“ Freunde und man scrollt eine „halbe Stunde“ um zusehen, was hat er eigentlich für ein Geschäft.
    Spionierst du mich jetzt schon aus?

    Du kannst mich auch direkt anschreiben wenn du Tips für dein nächstes Geschäft benötigst :D

    Und ja, ein farbiges Hintergrundbild würde ich auch begrüßen in naher Zukunft :rolleyes:

  • Hawkeye schrieb:

    Um weiter auf der Spielseite zu bleiben, wieso ist oben die Leiste nicht durchgängig schwarz ? Warum die weiße Lücke zwischen Benachrichtigungen und Forum Button
    Das sollte für die Entwickler eher die Leichtigkeit sein dies abzuändern. Wenn Du aber nicht darauf warten möchtest, so rufe einfach die Entwickler-Konsole Deines Browser auf und gehe wie folgt für nachfolgendes vor...

    # Navigationsleiste:
    1. Oben links "Element auswählen" anklicken
    2. Ein freies Feld neben der Navigation (kein Link) anklicken
    3. Anschließend im CSS Bereich der Entwickler-Konsole nach folgenden suchen (#outOfGame)

    CSS-Quellcode

    1. #outOfGame {
    2. width: 100%;
    3. height: 60px;
    4. background-repeat: repeat-x;
    5. overflow: hidden;
    6. overflow-x: auto;
    7. white-space: nowrap;
    8. border: none;
    9. background-color: #010101;
    10. background-position: center;
    11. box-shadow: 0 10px 30px rgba(0,0,0,.5);
    12. position: fixed;
    13. z-index: 3;
    14. }
    Alles anzeigen


    Ersetze hier nun einfach die Zeile background-image: url(data:image/png;base64......) mit background-color: #010101;.


    # Hintergrundbild:
    1. Oben links "Element auswählen" anklicken
    2. Ein freies Feld neben der Navigation (kein Link) anklicken
    3. Anschließend im CSS Bereich der Entwickler-Konsole nach folgenden suchen (body:before)

    CSS-Quellcode

    1. body:before {
    2. content: "";
    3. width: 100%;
    4. height: 100%;
    5. position: fixed;
    6. background-image: linear-gradient(180deg,#2c3e50 10%,#3498db 90%),url(../../images/ui/bg-light.png);
    7. background-image: -ms-linear-gradient(0deg,#2c3e50 10%,#3498db 90%);
    8. background-blend-mode: multiply;
    9. }
    Ersetze hier die Zeile background-image: linear-gradient(180deg,#2c3e50 10%,#3498db 90%),url(../../images/ui/bg-light.png);) mit url('../../images/funfairTycoonTheme/bg1.png').

    Wenn beides abgeändert wurde, sieht es dann so aus:


    Hinweis:
    Diese Einstellungen verfallen jedoch nach Aufruf eines Links und müssten somit in der Entwickler-Konsole oder mit anderen Hilfsmitteln abgespeichert werden, so dass die o.g. Einstellungen auf jeder Seite des Spiels automatisch greifen und nicht verfallen. Es sei denn, dass die Entwickler hier eingreifen und dieses entsprechend abändern ;)

    Gruss,
    Belarus

  • Belarus schrieb:

    Hawkeye schrieb:

    Um weiter auf der Spielseite zu bleiben, wieso ist oben die Leiste nicht durchgängig schwarz ? Warum die weiße Lücke zwischen Benachrichtigungen und Forum Button
    Das sollte für die Entwickler eher die Leichtigkeit sein dies abzuändern. Wenn Du aber nicht darauf warten möchtest, so rufe einfach die Entwickler-Konsole Deines Browser auf und gehe wie folgt für nachfolgendes vor...
    # Navigationsleiste:
    1. Oben links "Element auswählen" anklicken
    2. Ein freies Feld neben der Navigation (kein Link) anklicken
    3. Anschließend im CSS Bereich der Entwickler-Konsole nach folgenden suchen (#outOfGame)

    CSS-Quellcode

    1. #outOfGame {
    2. width: 100%;
    3. height: 60px;
    4. background-repeat: repeat-x;
    5. overflow: hidden;
    6. overflow-x: auto;
    7. white-space: nowrap;
    8. border: none;
    9. background-color: #010101;
    10. background-position: center;
    11. box-shadow: 0 10px 30px rgba(0,0,0,.5);
    12. position: fixed;
    13. z-index: 3;
    14. }
    Alles anzeigen

    Ersetze hier nun einfach die Zeile background-image: url(data:image/png;base64......) mit background-color: #010101;.


    # Hintergrundbild:
    1. Oben links "Element auswählen" anklicken
    2. Ein freies Feld neben der Navigation (kein Link) anklicken
    3. Anschließend im CSS Bereich der Entwickler-Konsole nach folgenden suchen (body:before)

    CSS-Quellcode

    1. body:before {
    2. content: "";
    3. width: 100%;
    4. height: 100%;
    5. position: fixed;
    6. background-image: linear-gradient(180deg,#2c3e50 10%,#3498db 90%),url(../../images/ui/bg-light.png);
    7. background-image: -ms-linear-gradient(0deg,#2c3e50 10%,#3498db 90%);
    8. background-blend-mode: multiply;
    9. }
    Ersetze hier die Zeile background-image: linear-gradient(180deg,#2c3e50 10%,#3498db 90%),url(../../images/ui/bg-light.png);) mit url('../../images/funfairTycoonTheme/bg1.png').

    Wenn beides abgeändert wurde, sieht es dann so aus:


    Hinweis:
    Diese Einstellungen verfallen jedoch nach Aufruf eines Links und müssten somit in der Entwickler-Konsole oder mit anderen Hilfsmitteln abgespeichert werden, so dass die o.g. Einstellungen auf jeder Seite des Spiels automatisch greifen und nicht verfallen. Es sei denn, dass die Entwickler hier eingreifen und dieses entsprechend abändern ;)

    Gruss,
    Belarus
    ja, man kann das CSS anpassen, aber was hat man davon? Sobald man die Seite refresht, sind die Änderungen eh hinfällig :D

  • PatrickTM schrieb:

    ja, man kann das CSS anpassen, aber was hat man davon? Sobald man die Seite refresht, sind die Änderungen eh hinfällig
    Darum hatte ich bereits den folgenden Hinweis dazu ergänzt:

    Belarus schrieb:

    Hinweis:
    Diese Einstellungen verfallen jedoch nach Aufruf eines Links und müssten somit in der Entwickler-Konsole oder mit anderen Hilfsmitteln abgespeichert werden, so dass die o.g. Einstellungen auf jeder Seite des Spiels automatisch greifen und nicht verfallen.
    Wenn man dieses aber lokal abspeichert, dann kann dies auch ständig umgangen werden. Dazu wie folgt vorgehen:

    1. In der Entwickler-Konsole den Reiter "Sources" öffnen
    2. Dann den Unterabschnitt "Overrides" öffnen
    3. Anschließend den Ordner für "Locale Overrides" auswählen
      Hinweis: Dies muss den Browser erlaubt werden!
    4. Änderungen innerhalb der Entwickler-Konsole werden im ausgewählten Ordner gespeichert und gehen somit nicht mehr verloren ;)
    Gruss,
    Andreas

  • Hawkeye schrieb:

    Dann auf dem Profil, dass eigene „Titelbild“ sollte gegen was gewechselt werden, ggf. jeder User mit eigenem Foto?
    Leider zuvor überlesen, aber auch das kann bereits über die o.g. Entwickler-Konsole im Browser erledigt werden. Dazu wie folgt vorgehen:

    1. Anmelden und Dein Profil aufrufen
    2. Entwickler-Konsole im Browser öffnen
    3. Oben links "Element auswählen" anklicken
    4. Das Profil-Titelbild auswählen
    5. Anschließend im folgenden Quellcode nach .playerProfile .header .header2 suchen:

    CSS-Quellcode

    1. .playerProfile .header .header2 {
    2. width: 100%;
    3. max-width: 782px;
    4. height: 150px;
    5. float: left;
    6. margin-left: -4px;
    7. margin-top: 4px;
    8. background-image: url(HIER_DEIN_LINK_ZUM_BILD);
    9. z-index: 1;
    10. position: relative;
    11. border-top-right-radius: 5px;
    12. box-sizing: border-box;
    13. }
    Alles anzeigen
    Hier bei background-image: url(HIER_DEIN_LINK_ZUM_BILD); ein Bildlink einfügen und schon ist der Hintergrund geändert. Hier mal ein Beispiel (Bild von hier):


    Beachtet jedoch, dass das Bild nicht höher als 300px haben sollte, da es sonst wie in diesem Beispiel verschoben werden könnte. Dies ist zwar auch umsetzbar, um dies ebenso zu umgehen, aber würde hier den Rahmen sprengen genauer darauf einzugehen.

    Gruss,
    Andreas