Latest web development tutorials

jQuery UI ThemeRoller

profil ThemeRoller

ThemeRoller est une application Web pour jQuery UI conception et de téléchargement personnalisés thèmes fournit une interface intuitive. Vous pouvez accéder à la jQuery UI ThemeRoller keynote personnalisation.

jQuery UI ThemeRoller par le Boston Group Filament, Inc a conçu et développé.

ThemeRoller logo

Interface ThemeRoller

Interface ThemeRoller est divisé en différents panneaux, chaque panneau sont police et rayon paramètres globaux, le style de conteneurs widget de, éléments cliquables de l'état interactif, et couvrent une variété de styles et les ombres. Le panneau vous permet de configurer différents attributs CSS tels que la taille de la police, la couleur, le poids, la couleur et la texture de l'arrière-plan, couleur de la bordure, la couleur du texte, couleur de l'icône, le rayon, et ainsi de suite.

Pavillon thématique (Galerie): thèmes pré-conçus

thème ThemeRoller par Permalink URL pour la visualisation, il contient un certain nombre de thèmes pré-conçus à choisir. Pavillon thématique (Galerie) est accessible via l'interface de l'application se trouve au sommet de la barre d'onglets. Du Thème Pavilion (Galerie), vous pouvez prévisualiser et télécharger le thème, vous pouvez même choisir un thème, puis basculer vers le "Roll Your Own" onglet pour régler.

Télécharger thème

Lorsque vous avez terminé la conception du thème, vous pouvez télécharger des thèmes pour une utilisation dans le projet. ThemeRoller Au sommet, il y a un "Télécharger thème (télécharger le thème)", vous pouvez générer une archive zip qui contient tous les fichiers liés au thème. Téléchargez le fichier d'image est généré en fonction de votre cahier des charges et l'enregistrer en tant que fichiers PNG de haute qualité.

Vos sujets incluront des images et CSS, il a formé une version personnalisée du framework jQuery UI CSS contient toutes les images de widget et CSS.

Conformément au thème téléchargé dans le projet

Une fois que vous avez téléchargé le thème, unzip, vous verrez un fichier nommé themes fichiers. Ce dossier contient CSS et des images sur le thème. Copiez le dossier du thème à votre projet, et un lien sur la page themes/all.css fichier.

composante Créer personnalisé "ThemeRoller-Ready"

ThemeRoller Ready BannièreThemeRoller Ready Bannière

ThemeRoller a généré une version du framework jQuery UI CSS personnalisé pour développer vos propres composants ThemeRoller prêt jQuery. Cadre créé par cette classe est conçu pour fournir une conception de l'interface utilisateur commune, y compris le statut, les icônes, et diverses classes auxiliaires.

Pour plus d' informations sur le développement du framework jQuery UI CSS, consultez la documentation de l' API de thématisation .

lien ThemeRoller