Les commandes de la Section Style

Étape 4 - Pages > Commandes Barre d’Outils et Grille > Style de l'Objet >

Les commandes de la Section Style

Previous pageReturn to chapter overviewNext page

Les commandes de cette section permettent de définir les paramètres graphiques de l'Objet sélectionné à l'intérieur de la Grille de mise en page.

Tout d'abord, il faut définir le type d'Arrière-plan souhaité pour l'Objet, en choisissant entre :

Arrière-plan coloré : l'arrière-plan de l'Objet est coloré en teinte unie.

Arrière-plan dégradé : l'arrière-plan de l'Objet est rempli par un gradient dont vous pouvez définir les couleurs de départ et de fin ainsi que la direction du dégradé.

Arrière-plan image : l'arrière plan de l'Objet est créé en important une image.

Ajuster à la cellule : l'arrière plan de l'Objet est créé en important une image qui est coupée en blocs et recomposée pour l'adapter parfaitement aux dimensions de la cellule qui le contient. (voir, Comment travailler sur l'aspect de l'Objet).

Selon le type d'arrière-plan, vous pouvez agir sur différentes options du cadre Paramètres. Les options qui peuvent être disponibles sont les suivantes :

Couleur  : permet de définir la couleur à utiliser pour remplir l'arrière-plan de la cellule.
Couleur initiale  / Couleur finale  : permettent d'indiquer les couleurs de départ et de fin à utiliser pour composer le dégradé.
Diffusion  : permet d'établir si la première ou la dernière couleur doit être prédominante dans le dégradé, en définissant l'espace (en %) à l'intérieur duquel doit avoir lieu la transition du premier au second.
Sens  : configure l’ouverture de l’angle qui définit l’orientation du dégradé.
Fichier image  : sélectionner le fichier graphique (.JPG, .GIF, .PNG.) relatif à l'image à utiliser comme arrière-plan. Vous pouvez rechercher l'image dans la Bibliothèque en ligne consultable à l'aide du bouton ou dans les dossiers locaux avec le bouton Sélection fichier.
Disposition  : permet d'indiquer si l'image insérée comme arrière-plan doit être répétée ou non. L'image peut être répétée horizontalement, verticalement ou dans les deux sens pour remplir tout l'espace disponible. En plus, il est possible de faire en sorte que l'image soit adaptée, autrement redimensionnée  de façon à couvrir tout l'arrière-plan.
Alignement  : permet de définir l'alignement de l'image utilisée comme arrière-plan par rapport à la zone occupée par la cellule.
Variante de couleur  : permet d'indiquer la couleur vers laquelle tendra l'image insérée comme arrière-plan de l'Objet. Vous appliquez donc un effet "Colorisé" à l'image de sorte qu'elle tende vers la couleur voulue.
Largeur bloc  / Hauteur bloc  : permettent de définir les dimensions des blocs formant l'image d'arrière-plan de sorte à déterminer quelles portions de l'Image doivent rester inaltérées et quelles portions doivent être répétées. (voir Comment travailler sur le Style de l'Objet).
Opacité  : permet de définir le degré d'opacité de la couleur/du dégradé/de l'image d'arrière-plan à appliquer. Plus les valeurs se rapprochent du 0, plus l'opacité diminue et l'arrière-plan de l'Objet devient transparent en laissant voir l'arrière-plan de la page.

Les options du cadre Bordure permettent de définir :

Épaisseur : spécifie l'épaisseur des bords, du bloc menu.
Couleur : spécifie la couleur des bords, du bloc menu.
Facteur d'arrondissement : définit le facteur d'arrondissement des angles, du bloc menu.
Ombre : applique une ombre, définissant la couleur, la position, la diffusion et la taille.

Bonnes pratiques :

-

Comment travailler  sur le Style de l'Objet


Approfondissements :

-

Le Box Model dans WebSite X5