kleine anpassung für mobile User - no Flash

froggiton · 17. Juni 2014

Hallo,

ich habe in meiner index.php diesen Code hinzugefgügt, damit iPad, Smartphone und co. automatsch die "No Flash" varriante diverser Seiten sehen.

Eingefügt in Zeile 96 vor dem schließendem PHP Tag und dem DOCTYPE

PHP

$user_agent = strtolower ( $_SERVER['HTTP_USER_AGENT'] ); if(preg_match ( "/phone|iphone|itouch|ipad|ipod|symbian|windows phone|android|htc_|htc-|palmos|blackberry|opera mini|iemobile|windows ce|nokia|fennec|hiptop|kindle|mot |mot-|webos\/|samsung|sonyericsson|^sie-|nintendo/", $user_agent)){ $_SESSION['s_flash'] = "0"; }

So sollte es dann komplett aussehen.

PHP

if (isset($RUNTIME['PATH'][2]) && $RUNTIME['PATH'][2] == "logout")
{
setcookie("xUser",$_POST['loginUser'],time()-3600,"/");
setcookie("xPass",md5($_POST['loginPass']),time()-3600,"/");
header ("location: ".$CONFIG['PATH'].glink().$RUNTIME['PATH'][0]);
}
$user_agent = strtolower ( $_SERVER['HTTP_USER_AGENT'] );
if(preg_match ( "/phone|iphone|itouch|ipad|ipod|symbian|windows phone|android|htc_|htc-|palmos|blackberry|opera mini|iemobile|windows ce|nokia|fennec|hiptop|kindle|mot |mot-|webos\/|samsung|sonyericsson|^sie-|nintendo/", $user_agent)){
$_SESSION['s_flash'] = "0";
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

Alles anzeigen

Da ich noch weitere kleine änderungen in meiner index habe, lade ich die hier mal nicht hoch.

Gruß froggiton

Littlesteve · 17. Juni 2014

klasse mod von dir!!

nur leider geht es nur auf dem iPad im Querformat, sobald ich auf Hochformat drehe sind die Grafiken weg -.-
auf iPhone geht es bei mir gar nicht

froggiton · 18. Juni 2014

Das liegt an der Base.css

dort ist in Zeile 1232 dieser passus im "@media only screen" teil drin.

PHP

#bonus_tipps { display: none; }

das muss mit diesem hier ersetzt werden.

PHP

.TurnierBaum { width: 350px; }

Damit dann auch der Turnierbaum richtig angezeigt werden kann, muss im "@media only screen" teil ab Zeile 1258 dieser Code gelöscht werden.

PHP

#content_turnierbaum {
display: none;
}
#content_turnierbaum_mobil {
display: block;
}

mit einem iPhone kann ich es leider nicht testen. Auf meinem iPad und dem Windows Phone gehts ohne Probleme.

Was für ein Useragent wird dir auf dieser Seite (http://www.whatsmyuseragent.com/ ) beim Aufruf durch das iPhone angezeigt?
Siehe Dateianhang.

Littlesteve · 18. Juni 2014

Danke werde ich heute Abend testen!

Dieser hier:
Mozilla/5.0 (iPhone; CPU iPhone OS 7_1_1 like Mac OS X) AppleWebKit/537.51.2 (KHTML, like Gecko) Version/7.0 Mobile/11D201 Safari/9537.53

Littlesteve · 30. Juni 2014

froggiton:

oh gerade gesehen dass ich dir hier keine Rückmeldung gegeben habe... (sorry)

also der Turnierbaum wird hiermit einwandfrei auch mobil angezeigt, einzig was noch das Design sprengt ist wenn man auf einen User klickt ist die Grafik zu breit. (Und ein komplett schwarzer kreis)

froggiton · 30. Juni 2014

Hallo,

das der Kreis schwarz ist, scheint bei der "no Flash" varriante vom Tippspiel normal zu sein, das habe ich auch auf allen Geräten. Auch am PC, wenn man im Profil "kein Flash" einstellt.

Das die Grafik zu Breit ist, habe ich in der Base CSS geändert.
Im "@media only" teil dieses hier hinzufügen.

PHP

#content img, #contentalt img {
margin: 4px 6px 4px;
width: 100%;
}

Littlesteve · 30. Juni 2014

funktioniert einwandfrei

Tags