|
>>Comment mettre un cadre à une image et le paramètrer.
 |
|
 |
|
 |
Explication
|
 |
Niveau de difficulté : Très facile
Temps nécessaire : 3 minutes
Logiciel requis : -
But de l'explication:
Savoir comment ajouter un cadre autour d'une image, régler la largeur de ce cadre, et changer la couleur de ce cadre.
Sommaire :
1. Insérer une image dans une page
2. Mettre un cadre à une image et régler son épaisseur
3. Changer la couleur du cadre
1. Insérer une image dans une page
Pour savoir comment insérer une image dans une page, merci de vous reporter à la documentation correspondante :
http://www.wifeo.com/documentation-15.html
2. Mettre un cadre à une image et régler son épaisseur
Lorsque vous insérez une image avec :image: (si c'est une image déjà insérée : clic droit dessus > Propriétés de l'image), en face du champs "bordure", indiquez la taille de bordure que vous souhaitez.
Si vous ne voulez pas de bordure, indiquez "0", sinon indiquez la largeur de la bordure désirée, en Pixels.
Pour vous donner une référence afin de définir ce nombre de pixels, voici la longueur que représente "100 pixels" : 
3. Changer la couleur du cadre
Pour changer la couleur d'une bordure, rendez-vous dans la fenêtre d'insertion d'une image :
Si vous n'avez pas encore inséré l'image, cliquez sur :image: , si c'est une image déjà insérée faites "clic droit sur l'image > Propriétés de l'image".
Rendez-vous ensuite dans l'onglet "Avancés".
Dans le champs "Style", insérez ceci :
BORDER-LEFT-COLOR: #e7e7e7; BORDER-BOTTOM-COLOR: #e7e7e7; BORDER-TOP-COLOR: #e7e7e7; BORDER-RIGHT-COLOR: #e7e7e7
Sachant que :
•BORDER-LEFT-COLOR = couleur de la bordure de gauche
•BORDER-BOTTOM-COLOR = couleur de la bordure du bas
•BORDER-TOP-COLOR = couleur de la bordure du haut
•BORDER-RIGHT-COLOR = couleur de la bordure de droite
Ce que vous voyez en rouge est le code hexadécimal de la couleur. Vous pouvez mettre la même couleur pour chaque bordure, ou des couleurs différentes.
Pour connaître le code héxadécimal d'une couleur, utilisez ceci :
|
|
 |
|
 |
|