Notions de base de règles de ruban en CSS3

CSS3 a incorporé rrègles de ibbon

Sommaire

  • Testez les règles du ruban
  • qui sont des règles graphiques colorés qui ont remplacé la règle HTML standard sur de nombreux sites. La règle graphique ajoute un accent sur le site et fait apparaître un peu plus fini. Vous accédez à ruban Générateur de règles en cliquant Règles de ruban sur le menu Outils Web de la page principale.

    image0.jpg

    Comment faire pour créer la règle de ruban dans CSS3

    Génération d'un ruban nécessite que vous spécifiez la couleur et l'espacement à utiliser pour l'élément de ruban. Le choix de la couleur est d'utiliser une séquence généré de façon aléatoire sur la base d'une couleur de base, ou d'utiliser des choix de couleurs spécifiques. L'espacement est soit aléatoire dans la gamme que vous spécifiez, ou une taille spécifique pour chaque choix de couleur.

    Les couleurs sélectionnées par l'utilisateur et l'espacement de séquence nécessitent un peu de soin supplémentaire lorsque vous les utilisez. Tout d'abord, assurez-vous que tout hexadécimal valeurs que vous saisissez sont précédés par le signe dièse (#) ou encore le ruban noir apparaîtra lorsque vous générez. Deuxièmement, le choix des couleurs que vous faites apparaîtront exactement dans la séquence vous les faites dans le ruban de sortie.




    Si vous prévoyez d'utiliser le ruban d'une manière répétitive, créer une séquence et l'espacement qui travaille ensemble. Les tests montrent que un espacement de 26 fonctionne très bien - vous vous retrouvez avec une séquence même en répétant qui aura fière allure sur la page.

    Après avoir effectué vos choix, cliquez sur Générer. Ruban Générateur de règles va créer une règle de ruban pour vous et l'afficher sous la forme. Vous pouvez utiliser le ruban comme il semble, ou faire des changements pour un regard différent. Pour enregistrer le ruban que vous avez créé, cliquez à droite son entrée sur la page et choisissez 'Enregistrer l'image sous dans le menu contextuel. Donnez un nom à l'image et cliquez sur Enregistrer pour terminer l'action.

    Comment utiliser la règle de ruban dans CSS3

    Vous pouvez utiliser l'image contenant la règle de ruban partout où vous pouvez utiliser toute autre image. Cependant, la plupart des gens vont utiliser la règle de ruban comme partie d'un style. Le code suivant montre un exemple de la façon dont vous pouvez utiliser les règles de ruban créées par cet exemple.

    Testez les règles du ruban

    Testez les règles du ruban

    Ceci est la zone 1

    Cette zone utilise les paramètres sélectionnés par l'utilisateur.

    Ceci est la zone 2

    Cette zone utilise les paramètres aléatoires.

    Vous pourrez l'utiliser pour créer une règle sur une page. La page contient deux zones. Le premier affiche une règle de ruban créé avec settings- la seconde affiche une règle de ruban créé en utilisant les paramètres aléatoires spécifique à l'utilisateur. Bien sûr, il ya des possibilités infinies en créant des règles de ruban - ces exemples sont simplement représentatifs de ce que vous pouvez faire. La sortie de cet exemple typique est illustré ci-dessous.

    image1.jpg

    » » » » Notions de base de règles de ruban en CSS3