Comment visualiser et accéder CSS3 prédéfini ThemeRoller thèmes

Pour voir la liste des thèmes CSS3 prédéfinis, sélectionnez l'onglet Galerie du menu ThemeRoller montré. Vous voyez une liste des thèmes par son nom. Notez que chaque entrée de thème comprend un aperçu du thème, le nom du thème, et deux boutons pour le téléchargement ou la modification du thème que nécessaire.

Il ya actuellement 24 thèmes prédéfinis parmi lesquels choisir (mais montre seulement deux des 24 possibilités de la capture d'écran).

image0.jpg

Le point de vue emblématique du thème que vous donne un avant-goût de la façon dont il apparaîtra à l'écran. Si vous voulez vraiment voir le thème entièrement, sélectionnez-le en cliquant sur son entrée dans la liste. Lorsque vous le faites, les changements de page afin que vous puissiez voir comment le thème affecte l'apparence générale de la page.

Dans certains cas, vous trouvez que le point de vue emblématique d'un thème est trompeuse. Par exemple, regardez le thème Le Frog (vert) dans la liste de la Galerie. L'icône vous amènerait à croire que tout ce qui concerne ce thème est vert. Toutefois, seuls les widgets sont touchés par ce choix.

image1.jpg

Après avoir trouvé le thème prédéfini qui correspond le mieux à vos besoins, vous pouvez l'ajouter à votre demande. La meilleure façon d'effectuer cette tâche est d'utiliser les URL d'accès rapide. Vous voyez un échantillon d'entre eux au bas de la page ThemeRoller.

image2.jpg

Le seul problème est que l'URL pour les thèmes ne change pas - il montre toujours l'URL pour le thème Fluidité. Pour utiliser un thème dans votre application, vous devez avoir l'URL correcte pour elle, et l'URL est pas disponible sur le site Web ThemeRoller.

La liste suivante présente les noms des thèmes suivis par l'URL requise pour ce thème lors de l'utilisation jQuery UI 1.10 - vous ajoutez cette adresse à votre code afin d'utiliser ce thème dans votre application.

  • UI légèreté - http://code.jquery.com/ui/1.10.3/themes/ui-lightness/jquery-ui.css

  • UI obscurité - http://code.jquery.com/ui/1.10.3/themes/ui-darkness/jquery-ui.css

  • Lissé - http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

  • Démarrer - http://code.jquery.com/ui/1.10.3/themes/start/jquery-ui.css




  • Redmond - http://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css

  • Ensoleillé - http://code.jquery.com/ui/1.10.3/themes/sunny/jquery-ui.css

  • Couvert - http://code.jquery.com/ui/1.10.3/themes/overcast/jquery-ui.css

  • Le Frog - http://code.jquery.com/ui/1.10.3/themes/le-frog/jquery-ui.css

  • Flick - http://code.jquery.com/ui/1.10.3/themes/flick/jquery-ui.css

  • Moulin à poivre - http://code.jquery.com/ui/1.10.3/themes/pepper-grinder/jquery-ui.css

  • Aubergine - http://code.jquery.com/ui/1.10.3/themes/eggplant/jquery-ui.css

  • Sombre Hive - http://code.jquery.com/ui/1.10.3/themes/dark-hive/jquery-ui.css

  • Cupertino - http://code.jquery.com/ui/1.10.3/themes/cupertino/jquery-ui.css

  • South Street - http://code.jquery.com/ui/1.10.3/themes/south-street/jquery-ui.css

  • Blitzer - http://code.jquery.com/ui/1.10.3/themes/blitzer/jquery-ui.css

  • Humanité - http://code.jquery.com/ui/1.10.3/themes/humanity/jquery-ui.css

  • Sneaks Hot - http://code.jquery.com/ui/1.10.3/themes/hot-sneaks/jquery-ui.css

  • Excite Bike - http://code.jquery.com/ui/1.10.3/themes/excite-bike/jquery-ui.css

  • Vader - http://code.jquery.com/ui/1.10.3/themes/vader/jquery-ui.css

  • Dot Luv - http://code.jquery.com/ui/1.10.3/themes/dot-luv/jquery-ui.css

  • Mint Choc - http://code.jquery.com/ui/1.10.3/themes/mint-choc/jquery-ui.css

  • Black Tie - http://code.jquery.com/ui/1.10.3/themes/black-tie/jquery-ui.css

  • Trontastic - http://code.jquery.com/ui/1.10.3/themes/trontastic/jquery-ui.css

  • Purse Swanky - http://code.jquery.com/ui/1.10.3/themes/swanky-purse/jquery-ui.css

La méthode de base pour déclarer un thème dans votre application fonctionne pour chaque thème prédéfini qui fournit ThemeRoller. Tout ce que vous devez faire est d'ajouter le code suivant à votre feuille de style. Il suffit de remplacer le thème URL dans le code suivant avec l'URL pour le thème que vous souhaitez utiliser.


» » » » Comment visualiser et accéder CSS3 prédéfini ThemeRoller thèmes