Latest web development tutorials

jQuery UI Themeroller

Themeroller Profil

Themeroller ist eine Webanwendung für jQuery UI-Design und Download benutzerdefinierte Designs bietet eine intuitive Benutzeroberfläche. Sie können den Zugriff jQuery UI Themeroller Keynote - Anpassung.

jQuery UI Themeroller von der Boston Gruppe Filament, Inc konzipiert und entwickelt.

Themeroller logo

Themeroller Schnittstelle

Themeroller Schnittstelle in verschiedene Felder unterteilt ist, sind jede Platte globale Schriftart und Radius-Einstellungen, Widget-Container Stil, anklickbare Elemente des interaktiven Zustand, und eine Vielzahl von Stilen und Schatten bedecken. Das Panel ermöglicht es Ihnen, verschiedene CSS-Attribute wie Schriftgröße, Farbe, Gewicht, Farbe und Textur der Hintergrund, Rahmenfarbe, Textfarbe, Symbolfarbe, Radius, und so weiter zu konfigurieren.

Theme Pavilion (Galerie): fertig gestaltete Themen

Themeroller Thema von Permalink URL für die Anzeige, enthält es eine Reihe vorgefertigter Themen zur Auswahl. Theme Pavilion (Galerie) zugegriffen werden kann über die Anwendungsschnittstelle am oberen Rand der Tab-Leiste befindet. Aus dem Themenpavillon (Galerie), können Sie das Thema der Vorschau anzeigen und herunterladen können, können Sie auch ein Thema wählen und wechseln Sie dann auf die "Roll Your Own" Registerkarte einzustellen.

Download-Thema

Wenn Sie fertig sind, das Thema entwerfen, können Sie Themen für die Verwendung im Projekt herunterladen. Themeroller An der Spitze gibt es ein "Thema Download (Herunterladen das Thema)" klicken, können Sie ein Zip-Archiv erzeugen, die alle Dateien rund um das Thema enthält. Laden Sie die Bilddatei wird erzeugt nach Ihren Vorgaben und speichern Sie es als eine qualitativ hochwertige PNG-Dateien.

Ihre Themen werden Bilder und CSS enthalten, es bildeten eine angepasste Version von jQuery UI-CSS-Framework enthält alle Widget Bilder und CSS.

In Übereinstimmung mit dem heruntergeladenen Thema im Projekt

Sobald Sie das Thema heruntergeladen haben, entpacken, erhalten Sie eine Datei mit dem Namen siehe themes - Dateien. Dieser Ordner enthält CSS und Bilder zum Thema. Kopieren Sie den Themenordner zu Ihrem Projekt, und einen Link auf der Seite themes/all.css Datei.

Erstellen von benutzerdefinierten "Themeroller-Ready" Komponente

Themeroller bereit BannerThemeroller bereit Banner

Themeroller erzeugt ein jQuery UI-CSS-Framework angepasste Version für Ihre eigene Themeroller-ready jQuery-Komponenten zu entwickeln. Rahmen von dieser Klasse erstellt wurde entwickelt, um eine gemeinsame Benutzeroberfläche Design, einschließlich Status, Symbole und verschiedene Hilfsklassen.

Für weitere Informationen über die Entwicklung von jQuery UI - CSS - Framework, zeigen Sie die Thematisierung API - Dokumentation .

Themeroller Link