HTML and CSS Reference
In-Depth Information
Bild 1.45:
Startbildschirm der
Facebook-Anwendung.
Standardmäßig besitzt jede iPhone-Anwendung eine Kopfzeile. Diese hat einen grauen
Hintergrund und ist der Bereich, in dem beispielsweise der aktuelle Netzbetreiber, die
Uhrzeit und der Akkuladestand angezeigt werden. Insbesondere für Webanwendungen,
die nach richtigen Anwendungen aussehen sollten, lässt sich das konfigurieren und passt
damit eher beispielsweise zu einem schwarzen, modernen Seitendesign. Um die Kopf-
zeile zu ändern, geben Sie eine der folgenden Zeilen im
head
-Bereich der Seite ein:
Für eine schwarze Kopfzeile:
<meta name "apple mobile web app status bar style" content "black"/>
Für eine dunkle, aber transparente Kopfzeile:
<meta name "apple mobile web app status bar style" content "black
translucent"/>
Für die standardmäßig graue Kopfzeile:
<meta name "apple mobile web app status bar style" content "default"/>
1.6.1 Startup-Bildschirm und App-Icon mit jQTouch
Falls Sie ohnehin mit der vor einigen Seiten vorgestellten JavaScript- und CSS-Biblio-
thek jQTouch arbeiten, können Sie den Startup-Bildschirm und das App-Icon gleich
dort mitdefinieren, wo Sie auch die jQTouch-Funktionen initialisieren. Mit diesen drei
Extrazeilen wird genau das erreicht, was wir eben mittels der CSS-Methoden beschrie-
ben haben:
<script type "text/javascript">
var jQT $.jQTouch({
icon: 'apple touch icon.png',
statusBar: 'black translucent',
startupScreen: 'startup bildschirm.png'
});
</script>
