/ LES DOCUMENTATIONS
     




Comment mettre un cadre à une image et le paramètrer.


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 :


Puis cliquez sur OK pour valider.

 


 

Dans le forum...


 
 

Autres documentations liées


• Comment mettre un petit logo pour votre site dans la barre du navigateur
Extrait :
Afficher une petite image dans la barre du navigateur que les visiteurs verront lorsqu'ils visiteront votre site. Cela s'appelle un favicon.
Sommaire :
1. Où sera affiché cette image (favicon)
2. Comment créer un favicon
3. Insérer le favicon sur votre site

 
• Le format des images
Extrait :
En savoir plus sur les formats des images, et quels sont les utilisation recommandees pour chaque format.
Sommaire :
1. Les formats acceptés sur Wifeo
2. Le format PNG
3. Le format JPEG (ou JPG)
4. Le format GIF
5. Le format ICO

 
• Comment afficher une image dans une page
Extrait :
Savoir comment afficher une image sur une page de votre site.
Sommaire :
1. Format de l'image
2. Télécharger l'image
3. Insérer l'image dans une page

 
• Ouvrir/agrandir une image avec un effet LightBox
Extrait :
Ouvrir une image avec un effet "stylisee" type Lightbox.
Sommaire :
1. Exemple
2. Images nécessaires et fonctionnement
3. Méthode pour appliquer cet effet

 
• Réduire la taille de vos images APRES telechargement dans "Vos images"
Extrait :
Reduire correctement la taille de vos images de facon a pourvoir placer plus d'images et a accelerer la rapidite de votre site. Cette methode vous permet de reduire la taille APRES avoir telecharge l'image dans "Vos images"
Sommaire :
1. Explication préliminaire
2. Méthode pour réduire une image en 10 secondes
3. Preuve de l'intérêt de cette méthode

 
• Réduire la taille de vos images AVANT téléchargement dans
Extrait :
Réduire correctement la taille de vos images de façon à pouvoir placer plus d'images et à accélérer la rapidité de votre site
Sommaire :
1. Explication préliminaire
2. Méthode pour réduire une image avec Paint
3. Preuve de l'intérêt de cette méthode

 
• Comment bien utiliser la documentation Wifeo
Extrait :
Vous permettre de savoir comment bien utiliser la documentation Wifeo afin de trouver facilement et rapidement les explications dont vous avez besoin.
Sommaire :
1. Trouver une explication
2. Structure des explications
3. En savoir plus grâce au forum
4. Donnez des conseils et partagez votre expérience

 
A propos
Aides
Ressources libres
Divers
Nous soutenons : Secours Populaire . Enfants du desert . Medecins Sans Frontieres
Copyright © Wifeo.com - Tous droits réservés BOURDET SARL R.C.S.503777286 VERSAILLES