Comment voir des démos interactives CSS3

category Internet & médias sociaux / Web design & développement / Pages web construction

Le dossier du développement faisceau CSS3 sur jQuery contient beaucoup de matériel utile. L'un des premiers morceaux que vous devriez regarder est le contenu du dossier démos de développement-paquet, qui contient des exemples de la façon d'utiliser les différents jQuery UI dispose avec votre thème.

Malheureusement, aucun de ces exemples utilisent effectivement le thème que vous avez créé, sauf si vous les modifier pour le faire. Par exemple, l'exemple icons.html mesure dans le développement faisceau démos Dossier accordéon montre comment effectuer cette tâche, mais ne pas utiliser votre thème par défaut.

image0.jpg

Heureusement, il est facile de modifier l'exemple de sorte qu'il ne semble avec votre thème en place. La procédure suivante vous indique comment modifier l'exemple icons.html mesure - d'autres exemples suivent le même schéma.

  1. Retirez le jQuery existante, jQuery UI, et balises de style.




    Vous devez supprimer les balises générales présentées ici pour cet exemple.

  2. Ajouter la mise à jour jQuery, jQuery UI, et balises de style montré ici.

    Assurez-vous que vous utilisez les liens fournis dans index.html. Parce que cet exemple est de plusieurs couches de profondeur dans la hiérarchie, vous devez ajouter ../ pour chaque niveau de dossier que l'exemple ci-dessous est le niveau principal (normalement trois niveaux, comme indiqué ici).

  3. Recharger la page.
    Vous voyez la sortie thème. Ceci est un exemple typique de ce que le thème de sortie pourrait ressembler.
    image1.jpg
 
 
 
 
 
 
 
 
Articles Similaires
 
  

 
 
A propos Auteur
 
  Ajouter jquery classes d'interface utilisateur pour les styles de thème Ajouter jquery classes d'interface utilisateur pour les styles de thème 
Ces classes CSS sont définis dans un thème jQuery UI. Si vous utilisez jQuery UI, vous pouvez ajouter l'une de ces classes pour vos objets à ajouter les styles de thème.ClasseUtilisé surréescriptionui-widgetRécipient extérieur widgetRend…
  Les méthodes courantes du nœud jquery Les méthodes courantes du nœud jquery 
La bibliothèque jQuery transforme des objets DOM dans les ganglions jQuery puissants. Le tableau suivant présente quelques-unes des méthodes du noeud jQuery les plus couramment utilisés.MéthodeDescriptionaddClass (), removeClass (), toggleClass…
  Comment ajouter html vers une page avec jQuery Comment ajouter html vers une page avec jQuery 
jQuery peut être utilisé pour ajouter du code HTML à une page. Vous pouvez ajouter toutes sortes de HTML, des images, à peu près tout, et changer complètement la présentation de la page en utilisant jQuery. Cela est pas vraiment une bonne…
  Comment ajouter jquery à une page Comment ajouter jquery à une page 
Une fois que vous avez téléchargé ou jQuery savoir où trouver la version de CDN-hébergé, vous devez le référencer dans votre page. jQuery est comme tout fichier javascript externe.Ajouter jQuery locale à une pageTélécharger jQuery et…
  Ressources jquery ligne Ressources jquery ligne 
Comme vous acquérir de l'expérience avec jQuery, vous aurez probablement des questions sur les techniques les plus avancées jQuery. Et après vous utilisez jQuery plug-ins, vous serez accro et que vous souhaitez obtenir plus. jQuery.com fournit…
  Notions de base de la jQuery et jQuery UI mise en page CSS Notions de base de la jQuery et jQuery UI mise en page CSS 
Les fabricants de jQuery et jQuery UI CSS font un bon travail de documenter les données internes de leur bibliothèque. Du point de vue de la CSS, le matériel trouvé à jqueryui.com vous informe sur les styles utilisés pour créer la sortie que…
  Comment accéder à plusieurs bibliothèques de l'API Google Comment accéder à plusieurs bibliothèques de l'API Google 
Vous pouvez accéder à un certain nombre de librairies tierces utilisant l'API Google à. Toutes ces bibliothèques utilisent un domaine commun, http://ajax.googleapis.com, ce qui rend beaucoup plus facile à mettre en place des applications afin…
  Comment ajouter un thème à votre projet CSS3 Comment ajouter un thème à votre projet CSS3 
En voyant les échantillons de fournisseurs et de travail à travers la documentation sont utiles, mais la plupart des développeurs veulent voir un thème de CSS3 en action. Dans tous les cas, la seule chose que vous avez vraiment besoin de…
  Comment détecter le type de navigateur de l'utilisateur dans CSS3 Comment détecter le type de navigateur de l'utilisateur dans CSS3 
Dans la plupart des cas, les développeurs ne reçoivent pas de choisir le navigateur d'un utilisateur. Pour déterminer si un utilisateur particulier peut travailler avec votre application de CSS3, alors, vous devez d'abord détecter le navigateur…
  Comment effectuer des transformations de jQuery pour sites CSS3 Comment effectuer des transformations de jQuery pour sites CSS3 
Il est possible d'utiliser jQuery pour effectuer des transformations et ces transformations sont souvent plus puissant, mais plus facile à utiliser, que les transformations CSS3 indigènes. Cependant, afin d'obtenir cette fonctionnalité, vous…
  Comment sélectionner des éléments avec jQuery en CSS3 Comment sélectionner des éléments avec jQuery en CSS3 
Vous pouvez utiliser jQuery pour effectuer une vaste gamme de sélections d'objets dans votre application de CSS3, mais pour la plupart, vous utiliser les sélecteurs de base. Vous pouvez en savoir plus sur eux à jQuery. Voici une liste des…
  Comment visualiser et accéder CSS3 prédéfini ThemeRoller thèmes 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…
  Liez votre site Web à la bibliothèque jQuery Liez votre site Web à la bibliothèque jQuery 
Si vous utilisez Galleria de construire un portefeuille de photo pour votre site Web à afficher sur l'iPad et l'iPhone, vous aurez besoin de créer un lien vers la bibliothèque jQuery sur le réseau de distribution de contenu de Google (CDN).La…
  Comment afficher les fichiers de modèle dans un thème wordpress Comment afficher les fichiers de modèle dans un thème wordpress 
Un WordPress thème est une collection de modèles WordPress composées de balises de template WordPress. Un WordPress thème désigne le groupe de modèles qui constitue le thème. Un WordPress modèle se réfère à un seul des fichiers de modèle…
 
 
 »  »  »  » Comment voir des démos interactives CSS3