7

Modifier le style d'un élément

Définition

Cette fonction permet d'agir sur les caractères, le cadrage, les bordures, les marges, les couleurs et le code CSS, soit pour l'élément sélectionné, soit pour le style nommé associé s'il en a un.

Capture.PNG

Utilisation

stylebuttons.jpg

La fenêtre popup de chaque élément comporte un sélecteur de style suivi d'un bouton qui ouvre la fenêtre de modification d'apparences qui s'applique au style sélectionné. Le style Local est le style propre à l'élément sélectionné.

Certaines propriétés peuvent ne pas apparaitre dans les réglages lorsqu'elles sont inapplicables à l'élément sélectionné. Certaines propriétés appliquées à un bloc (en particulier les réglages de texte) sont transmises aux élément qu'il contient.

Les réglages d'apparence du style local font apparaître et permettent d'agir sur les réglages propres à cet élément, qui viennent se superposer à ceux du style éventuellement associé.
Les réglages d'apparence d'un style nommé font apparaître et permettent d'agir sur les réglages propres à ce style.

Appliquer sur

Capture.PNG


Les réglages peuvent s'appliquer aux liens ou à des sous-parties de l'élément; le réglage des apparences se fait séparément et successivement (penser à enregistrer à chaque fois) pour chaque état de lien ou sous-partie; voir également la page créer un lien interne et externe.

Restaurer les réglages par défaut

Cette fonction supprime tous les réglages suivant le contexte:

  • Style: s'applique uniquement au style sans affecter les réglages particuliers de l'élément sélectionné
  • Elément sélectionné: s'applique à l'élément y compris les liens et sous-parties qu'il peut contenir
  • Liens en général: s'applique à tous les liens de l'élément, y compris liens survolés etc.
  • Liens survolés etc.: s'applique uniquement aux liens pour l'état choisi
  • Sous-partie: s'applique uniquement à la sous-partie choisie

Rectangle de sélection

rectangle-selection.png
Pour faciliter l'appréciation de l'aspect définitif il est possible de supprimer le rectangle entourant l'élément sélectionné.

Caractères

caracteres.png
Ces réglages s'appliquent à l'ensemble du texte contenu dans l'élément sélectionné. Les différentes tailles (taille, interligne etc.) sont relatives à celles de l'élément qui le contient. Par exemple un titre avec une taille de caractères de 2 verra son texte 2 fois plus gros que la page ou le bloc éventuel qui le contient.

Cadrage

a.jpg

La largeur absolue (fixe) est réservée aux blocs et textes bruts. Pour donner une largeur fixe à un élément, voire à une page, il faut l'encapsuler dans un bloc dont on fixera la largeur. Cette largeur est interne, elle n'inclut pas les marges et bordures.

Les largeurs minimales et maximales sont également réglables.

Bordures

Capture.PNG

Les bordures des quatre côtés peuvent subir des réglages individuellement, pour l'épaisseur, le type de trait et la couleur.

Les coins peuvent être arrondis individuellement en réglant les rayons.

Marges

Capture.PNG

Réglage des marges internes et externes par la molette ou par inscription directe de la valeur. La marge interne se trouve à l'intérieur des bordures, la marge externe à l'extérieur de celles-ci.

Une marge externe négative peut être introduite uniquement au clavier.

La marge interne facilite la sélection et la manipulation d'un élément. Pour mieux saisir un élément, on peut lui donner provisoirement de la marge et la supprimer après manipulation.

Couleurs

colors.png

Le choix des couleurs se fait par inscription directe du code couleur, par réglage à la souris du niveau de chaque composante (rouge, vert, bleu) ou par déplacement dans la "carte des couleurs"; les couleurs déjà utilisées apparaissent sous forme d'une palette sélectionnable. La molette permet le réglage de la luminosité.

bgimage.png
L'importation d'une image de fond se fait avec le bouton "parcourir".
Le menu déroulant permet de reprendre une image de fond existante.
Elle peut être répétée horizontalement et/ou verticalement et être positionnée dans les deux directions.

CSS

css.png
Pour modifier le code CSS lorsque nécessaire.
ATTENTION, cette fonctionnalité est réservée aux utilisateurs avertis!

Site management