So zeigen Sie und Access Vordefinierte CSS3 Themeroller Themen
Um die Liste von vordefinierten CSS3 Themen, wählen Sie die Registerkarte Galerie des Themeroller Menü angezeigt. Sie sehen eine Liste der Themen, mit Namen. Beachten Sie, dass jedes Thema Eintrag eine Momentaufnahme des Themas enthält, das Thema Namen, und zwei Tasten für das Herunterladen oder das Thema der Bearbeitung nach Bedarf.
Derzeit gibt es 24 vordefinierte Themen, von denen wählen (obwohl der Screenshot nur zwei der 24 Möglichkeiten zeigt).
Die iconic Ansicht des Themas gibt Ihnen nur einen Eindruck davon, wie es auf dem Bildschirm angezeigt wird. Wenn Sie wirklich das Thema voll wollen, um zu sehen, wählen Sie es durch den Eintrag in der Liste klicken. Wenn Sie dies tun, wird die Seite ändert, so dass Sie sehen, wie das Thema auf das allgemeine Erscheinungsbild der Seite beeinflusst.
In einigen Fällen finden Sie, dass die ikonenhafte Ansicht eines Themas irreführend ist. Zum Beispiel, Blick auf die Le Frog (grün) Thema in der Galerie-Liste. Das Symbol würden Sie zu der Annahme verleiten, dass alles, was zu diesem Thema ist grün. Allerdings werden nur die Widgets werden durch diese Wahl beeinflusst.
Nachdem Sie den vorgegebenen Thema, die am besten Ihren Bedürfnissen entspricht, können Sie es zu Ihrer Anwendung hinzufügen. Der einfachste Weg, um diese Aufgabe auszuführen ist, die einen schnellen Zugriff URLs zu verwenden. Sie sehen eine Probe von ihnen am unteren Rand der Seite Themeroller.
Das einzige Problem ist, dass die URL für die Themen ändert sich nicht - es zeigt immer die URL für die Rund Thema. Um ein Thema in Ihrer Anwendung zu verwenden, müssen Sie die richtige URL für sie haben, und die URL ist auf der Website Themeroller nicht zur Verfügung.
Die folgende Liste zeigt die Themennamen durch die erforderliche URL gefolgt zu diesem Thema, wenn jQuery UI 1.10 - Sie diese URL, um Ihren Code hinzufügen, dieses Thema in Ihrer Anwendung verwenden.
UI Leichtigkeit - https://code.jquery.com/ui/1.10.3/themes/ui-lightness/jquery-ui.css
UI Dunkelheit - https://code.jquery.com/ui/1.10.3/themes/ui-darkness/jquery-ui.css
Glätte - https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css
Anfang - https://code.jquery.com/ui/1.10.3/themes/start/jquery-ui.css
Redmond - https://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css
Sunny - https://code.jquery.com/ui/1.10.3/themes/sunny/jquery-ui.css
Bedeckt - https://code.jquery.com/ui/1.10.3/themes/overcast/jquery-ui.css
Le Frog - https://code.jquery.com/ui/1.10.3/themes/le-frog/jquery-ui.css
Flick - https://code.jquery.com/ui/1.10.3/themes/flick/jquery-ui.css
Pfeffermühle - https://code.jquery.com/ui/1.10.3/themes/pepper-grinder/jquery-ui.css
Aubergine - https://code.jquery.com/ui/1.10.3/themes/eggplant/jquery-ui.css
Dunkle Hive - https://code.jquery.com/ui/1.10.3/themes/dark-hive/jquery-ui.css
Cupertino - https://code.jquery.com/ui/1.10.3/themes/cupertino/jquery-ui.css
South Street - https://code.jquery.com/ui/1.10.3/themes/south-street/jquery-ui.css
Blitzer - https://code.jquery.com/ui/1.10.3/themes/blitzer/jquery-ui.css
Die Menschheit - https://code.jquery.com/ui/1.10.3/themes/humanity/jquery-ui.css
Hot-Petze - https://code.jquery.com/ui/1.10.3/themes/hot-sneaks/jquery-ui.css
Excite Bike - https://code.jquery.com/ui/1.10.3/themes/excite-bike/jquery-ui.css
Vader - https://code.jquery.com/ui/1.10.3/themes/vader/jquery-ui.css
Dot Luv - https://code.jquery.com/ui/1.10.3/themes/dot-luv/jquery-ui.css
Mint Choc - https://code.jquery.com/ui/1.10.3/themes/mint-choc/jquery-ui.css
Schwarze Krawatte - https://code.jquery.com/ui/1.10.3/themes/black-tie/jquery-ui.css
Trontastic - https://code.jquery.com/ui/1.10.3/themes/trontastic/jquery-ui.css
Swanky Purse - https://code.jquery.com/ui/1.10.3/themes/swanky-purse/jquery-ui.css
Der einfachste Weg, ein Thema in Ihrer Anwendung für die Deklaration arbeitet für jeden vorgegebenen Thema, das Themeroller zur Verfügung stellt. Alles, was Sie tun müssen, ist den folgenden Code in Ihr Stylesheet hinzufügen. Ersetzen Sie einfach das Thema URL in dem folgenden Code mit URL für das Thema, das Sie verwenden möchten.