Responsive Webdesign WM 2014

Hi, finde das "Mobile Theme" ist gut gelungen. Funktioniert auch einwandfrei (fast) Einzig wenn ich mich mobile registrieren will, kommt ne Fehlermeldung "falsche Mailadresse". Selbes Prozedere "normal" funktioniert. Habe es bereits mit mehreren Adressen versucht, erfolglos. Wo könnte der Hacken sein? Bestehender Usre kann sich mobile einloggen, dann passt alles. Nur leider die Registration via Smartphone nicht

Bei mir keine Probleme beim registrieren

Bei der Spieler Detail Seite verschiebt es mir die Flagge nach außen, jemand eine Idee wie ich das lösen könnte?

Servus zusammen,

danke für die tolle Arbeit Bei mir am Nexus 4 Chrome wird das mobile theme nicht angezeigt. Muss ich das irgendwie aktivieren?

LG

Nein.
Wenn sich dein Tablet als PC ausgibt ist klar dass es nicht angezeigt wird...
Vielleicht meinst du auch nur es wird nicht angezeigt da es nicht wirklich anders aussieht sondern nur angepasst ist (deswegen ja responsive )

Zitat von Littlesteve

Bei mir keine Probleme beim registrieren

Bei der Spieler Detail Seite verschiebt es mir die Flagge nach außen, jemand eine Idee wie ich das lösen könnte?

Im Update wird das verbessert sein und sollte dann auch wieder passen.

Zitat von drknickel

Servus zusammen,

danke für die tolle Arbeit Bei mir am Nexus 4 Chrome wird das mobile theme nicht angezeigt. Muss ich das irgendwie aktivieren?

LG

Ab einer Größe von 800px wird das responsive Design angewendet.

Wenn ich das Tippspiel auf meinem Nexus 5 aufrufe, ist es immer gezoomt (siehe zoom.png).

Eigentlich sollte es aber so aussehen, wie auf dem Screenshot nozoom.png.

Vermutlich liegt das an folgender Zeile der index.php.

Hat jemand 'nen Tipp, wie die Zeile aussehen sollte, damit nicht immer alles gezoomt wird? Das Nexus 5 hat eine Auflösung von 1080 x 1920.

Gleiches Problem auf dem iPhone habe schon im Internet nach einer Lösung gesucht -> nichts gefunden.
Auf Samsung Handys passt es eigentlich immer, was komisch ist.
Genauso wie auf dem iPad da ist auch alles bestens

Hiermit

Sieht's auf meinem Telefon gut aus, allerdings dann auf Tablets nicht mehr.

Genau auf das bin ich auch gekommen
Lasse es jetzt so dass es am Handy eingezoomt ist und dafür auf Tablets auch gut aussieht

Ich benützte nur Geräte aus dem Hause Apple, kann also nix zu Android-basierenden Geräten sagen.

Mit der Zeile in der index - <meta name="viewport" content="width=device-width ... wird doch erst das mobile Endgerät dazu veranlasst, beim Erstaufruf der Webseite an der Default-Auflösung etwas zu ändern. Ich habe persönlich diese Zeile wieder auskommentiert, und schon passt es...
Littlesteve - weiterführender Link: Apple-Developer

Stimmt, nachdem ich die Zeile auskommentiert habe, ist die Darstellung auf allen Geräten korrekt.

Super .. jetzt passt es wieder

Leider sprengt mir die Rangliste und das Siegerpodest das responsive Design
Noch bei jemanden so? Oder hat jemand einen tip wie das zu lösen wäre?

Jup ist bei mir genauso.

Hey, ich hab es gelöst, das ist wohl standardmäßig so, dass die Listen nicht responsive sind...
Hatte das vorher nie getestet, weil ich ja noch nie ein Ergebnis im Tippspiel hatte

Habe leider eine ziemlich eigene Style-CSS in Verwendung, wehslab ich das nicht einfach zur Verfügung stellen kann für Dich, aber ich probiere mal die wichtigsten Sachen:

inc.functions.php nach der Funktion returnRanglisteKompakt suchen und die Zeile wo das Bild hinzugefügt wird durch folgende ersetzen:

Ausserdem direkt am Anfang der Funktion diese Klasse zur Tabelle hinzufügen:

Jetzt muss man in seiner Style-Datei (e nachdem wlechen Theme man nutzt) folgendes hinzufügen:

Ich habe noch ein paar andere Anpassungen gemacht, damit es dann responsive genau rein passt, aber ich kriege nicht mehr alle zusammen befürchte ich Aber immerhin guckt es jetzt glaube ich nicht mehr soweit rüber wenn man diese beiden Anpassungen oben macht, oder?

Hier noch eine Kleinigkeit: Ich habe die Zellenbeschriftung BILD oben rausgenommen, also die entsprechende Zeile ersetzt durch

Spart auch nochmal ein bisschen Platz! Das selbe mit der erste Spaltenüberschrift wo aktuell PLATZ steht:

Kannst Du ja mal probieren,... Übrigens bei mir waren auch die anderen Ranglisten viel zu groß, hier waren die Anpassungen aber einfacher, da wurde einfach nur etwas von der base.css überschrieben
Da muss in die jeweilige Theme-CSS noch sowas hier rein, damit die Schriftgröße verkleinert wird:

Ausserdem muss die Spaltenbreite für die Spalte mit dem Namen verringert werden, auch in der inc.functions.php, in der Funktion returnRangliste. Ich habe die ursprüngliche Breite mit 150px ersetzt.

hm habe alles durchgeführt ist immer noch zu breit

Zitat von Littlesteve

Leider sprengt mir die Rangliste und das Siegerpodest das responsive Design
Noch bei jemanden so? Oder hat jemand einen tip wie das zu lösen wäre?

Gibt es hierfür schon eine Lösung ?
Ich habe von "meinen Usern" jetzt auch solche Hinweise bekommen.
Allerdings werden die Klarnamen garnicht verwendet.

Zitat von Littlesteve

Leider sprengt mir die Rangliste und das Siegerpodest das responsive Design
Noch bei jemanden so? Oder hat jemand einen tip wie das zu lösen wäre?

Jupp ist bei mir auch so, leider zu breit

mfg

auf welchen Geräten ist das bei euch zu breit?

Ich habe meine Änderungen selbst angepasst. Auf dem Androiden sieht die Rangliste schon mal sehr gut aus.
Das Siegerpodest muss ich mir noch ansehen...
Wenn jemand daran interessiert ist, dann kann ich das ja mal zusammenstellen, was ich geändert habe.
Leider kann ich nichts zu Apple sagen.

Auch habe ich für die mobilen geräte die Position des Countdowns ganz nach links verschoben, da es bei mir außerhalb der Seite angezeigt wurde.

getestet auf

S4 Mini 4,3 Zoll mit 960*540, da passt es nicht

auf einem 9,7 Zoll Tablet mit 2048*1536 ist alles schick

mfg