Bric à Brac informatique 

Création d'un "ID" avec plusieurs propriétés différentes et complémentaires,
par l'exemple

L'idée est de créer un "ID" qui contiendra un encadré permettant d'y saisir des informations importantes.

• Ouvrir le document qui contiendra cet "ID" (Rappel : un "ID" ne peut n'être utilisé qu'une seule fois dans un document, contrairement à une classe)
  
  
• Placer le pointeur de la souris à l'endroit exact où doit s'afficher l'encadré
  
  
• Commande : Panneau, Styles CSS pour afficher le panneau Styles CSS.Celui-ci contient 13 sections différentes
  
  
• Dans l'encadré Appliquer les styles à (1) garder le choix affiché par défaut indiquant uniquement cet élément via son "ID" (en haut du panneau) (2)
  
  
• Dans la section Général, cliquer sur le + (3) de l'encadré Famille de polices pour sélectionner le type de polices que vous souhaitez attribuer au texte qui sera inséré
  
  
  
•  Une boite de dialogue s'affiche à l'écran  pour permettre d'attribuer un nom à l'"ID" créé. Saisir un nom (sans accent, sans espace). Entrer  "important" dans notre exemple
  
  
• Dans le Panneau Styles CSS, effectuer vos choix.
  Dans  la section
  Général : Famille de polices, Taille (en pixels de préférence), Style (Gras, Italique etc...Alignement
  Couleurs : couleur du texte et/ou couleur de fond
  Géométrie, fixer la Largeur, les Marges. On peut aussi donner les valeurs en % comme dans l'exemple donné pour la création d'une nouvelle classe
  Position : Pas de flottement
  Cadres : choisir une couleur verte de 2px en Pointillé
  
  
  
  
  
  
  
  
  
• Cliquer sur la fenêtre du document : tous les choix sont conservés. L'"ID" est créé et enregistré avec ses attributs dans la feuille de style liée au document. Si celle-ci n'existe pas, BlueGriffon crée une feuille de style interne.
  
  
  
  
  

  Modification des propriétés d'un "ID", par l'exemple

  Placer le pointeur dans l'espace occupé par l'ID #important : toutes les propriétés de cet ID sont affichées dans le Panneau Styles CSS. Si une valeur est modifiée, cette modification est immédiatement répercutée dans le document.
  Par exemple, la taille de la police de 25 px a été modifiée à 18 px
  
  
  
  Résultat obtenu par la mise en forme de l'ID créée au cours de cet exercice :
  

Attention à votre Feuille de Styles liée
chaque valeur fixée est enregistrée.
Ne pas oublier de garder une copie de celle-ci en cas d'erreur de manipulation

Dernière mise à jour le 7/08/12