jQuery UI ThemeRoller

ThemeRoller-Einführung

ThemeRoller ist eine Webanwendung, die eine intuitive Oberfläche zum Entwerfen und Herunterladen benutzerdefinierter Themes für jQuery UI bietet. Sie könnenjQuery UI ThemeRollerbesuchen, um Themes anzupassen.

jQuery UI ThemeRoller wurde von einem Team in Boston,Filament Group, Incentworfen und entwickelt und wurde dort entworfen und entwickelt.

ThemeRoller-Oberfläche

Die ThemeRoller-Oberfläche ist in verschiedene Bereiche unterteilt, die globale Schriftart- und border-radius-Einstellungen, Widget-Container-Stile, interaktive Zustände für anklickbare Elemente sowie verschiedene Stile für Overlays und Schatten umfassen. In diesen Bereichen können Sie verschiedene CSS-Eigenschaften konfigurieren, wie Schriftgröße, Farbe, Schriftstärke, Hintergrundfarbe und -textur, Rahmenfarbe, Textfarbe, Symbolfarbe, border-radius und mehr.

Theme-Galerie: Vorgefertigte Themes

ThemeRoller-Themes können über Permalink-URLs angezeigt werden, und es enthält eine Auswahl vorgefertigter Themes zur Auswahl. Auf die Galerie kann über die Registerkartenleiste oben in der Anwendungsoberfläche zugegriffen werden. In der Galerie können Sie Themes in der Vorschau anzeigen und herunterladen oder sogar ein Theme auswählen und dann zur Registerkarte "Roll Your Own" wechseln, um Anpassungen vorzunehmen.

Themes herunterladen

Nachdem Sie ein Theme fertig gestaltet haben, können Sie es herunterladen, um es in Ihren Projekten zu verwenden. ThemeRoller hat oben eine Schaltfläche "Theme herunterladen", die ein ZIP-Archiv mit allen themebezogenen Dateien generiert. Die Bilder in der heruntergeladenen Datei werden gemäß Ihren Vorgaben generiert und als hochwertige PNG-Dateien gespeichert.

Ihr Theme enthält Bilder und CSS, die eine angepasste Version des jQuery UI CSS Framework bilden, einschließlich Bilder und CSS für alle Plugins.

Das heruntergeladene Theme in Ihrem Projekt anwenden

Sobald Sie das Theme heruntergeladen und entpackt haben, sehen Sie einen Ordner namensthemes. Dieser Ordner enthält die CSS- und Bilddateien, die für das Theme erforderlich sind. Kopieren Sie den Theme-Ordner in Ihr Projekt und verknüpfen Sie diethemes/all.cssDatei.

Benutzerdefinierte "ThemeRoller-Ready"-Widgets erstellen

ThemeRoller generiert eine angepasste Version des jQuery UI CSS Framework für die Entwicklung Ihrer eigenen ThemeRoller-fähigen jQuery-Widgets. Die von diesem Framework generierten Klassen sind darauf ausgelegt, gängige UI-Designszenarien abzudecken, einschließlich Zustände, Icons und verschiedener Utility-Klassen.

Um mehr über die Entwicklung mit dem jQuery UI CSS Framework zu erfahren, lesen Sie bitte dieTheming-API-Dokumentation。