HTML and CSS Reference
In-Depth Information
Nicht schlecht, Sie sind soeben unter die Herausgeber gegangen (Abbildung 8.35 bis
Abbildung 8.37)! Sie halten Ihr erstes selbst erstelltes Tablet-Magazin in den Händen.
Fügen Sie es zum Home-Bildschirm hinzu, um das volle Fullscreen-Erlebnis zu
haben. Doch halt - irgendwie passt die Kopfzeile jetzt nicht mehr so recht zum
Design Ihres Magazins. Sie sieht vielmehr nach einer Standard-App aus. Ihr Magazin
soll jedoch schon etwas Besonderes sein.
Der Profi-Trick - Kopfzeile anpassen
Zum Glück werden alle Bedienelemente der Sencha-Touch-Oberfläche zu HTML-Ele-
menten generiert, und diese können Sie als Profi locker mit CSS anpassen (Abbildung
8.38):
.x-toolbar-dark {
background: -webkit-linear-gradient(#666,#333 2%,#111);
}
.x-title div {
font: normal 200% 'FranchiseRegular';
text-transform: uppercase;
}
.x-title div b {
font: normal 100% 'FranchiseRegular';
color: #f20;
}
Abbildung 8.36
Eine Magazinseite
Search WWH ::
Custom Search