Comment intégrer des photos à vos messages ?

L'endroit pour trouver les recommandations, les listes et les coups de coeur des membres de FDV!
.
Verrouillé
Administrateur
Site Admin
Messages : 79
Inscription : Mar 22 Août 2006 18:26

Comment intégrer des photos à vos messages ?

Message par Administrateur » Sam 23 Mars 2013 9:26

Question qui revient souvent. Voici la méthode :

1. Utiliser ou s’inscrire à un site (gratuit) comme, par exemple :
http://imageshack.us/
http://tinypic.com/
http://photobucket.com/
http://www.flickr.com/

2. “Uploader” l’image chez l’hébergeur d'images choisi. Pour ça, suivez la procédure propre au site;

3. Copier le lien direct vers l’image (lien qui se termine en .jpg, ou en .gif, par exemple). Dans le cas présent, nous avons choisi d’héberger l’image sur tinypic.com, le lien menant à l’image étant http://i41.tinypic.com/70uky0.gif

4. Intégrer ce lien entre des balises Image dans votre message : Imagehttp://i41.tinypic.com/70uky0.gif[/img]

Le résultat donne ceci : Image

D’autres liens pertinents sur FDV :
http://fouduvin.ca/viewtopic.php?f=25&t=22129
http://fouduvin.ca/viewtopic.php?f=25&t=2439
http://fouduvin.ca/viewtopic.php?f=25&t=6677

_________________________________

Image
Vous pouvez également tirer avantage de la fonction “Thumbnail” accessible via le bouton “Thumb=”;
par exemple si votre photo occupe un trop grand espace dans votre message, mais qu’elle se doit d’être examinée au plein format.

Ainsi, une « miniature » de 160 X 116 px (d’un original de format 1155 X 1599 pixels) a ci-haut été créée via la fonction “Thumb=”. Vous pouvez cliquer sur cette « miniature » (Thumbnail, en anglais) pour accéder à l’adresse ou est hébergé l’original et le consulter au plein format.

Notez qu’il est important d’inclure les dimensions de votre « miniature » dans des proportions similaires à l’image originale, suivant la syntaxe « Hauteur » et « Largeur », séparés par une virgule (
). Si vous intervertissez hauteur et largeur, votre « miniature » sera sans doute « écrasée » et disproportionnée.

_________________________________

En dernier lieu, vous avez sans doute remarqué la balise voisine imgtext= qui permet de positionner notre texte accompagnant une image à droite de celle ci.

Par exemple, si je veux positionner le texte « Pétrus produit en moyenne 4 500 caisses de vin par an, soit 54 000 bouteilles. Les raisins sont vendangés à la main et vinifiés dans des cuves en ciment. Le vin est élevé pendant 21 mois en fûts de chêne entièrement neufs, avant la mise en bouteilles. » à droite de l’image ci-haut de la fiole de Pétrus, voici ce que ça donnera.














Pétrus produit en moyenne
4 500 caisses de vin par an,
soit 54 000 bouteilles.
Les raisins sont vendangés
à la main et vinifiés
dans des cuves en ciment.
Le vin est élevé
pendant 21 mois
en fûts de chêne
entièrement neufs,
avant la mise en bouteilles

Dans ce dernier cas, nous avons combiné la fonction « imgtext= » avec un aménagement de texte, l’application d’une taille de police plus petite ainsi que des attributs de graisse et de couleur. Retenez qu’il est important de mettre le lien qui appelle l’image à la suite du symbole « = » dans la balise ouvrante, et de repositionner le crochet fermant « ] » après ce lien. Le texte accompagnant l’image doit donc être positionné après ce crochet fermant, et avant le crochet « [ » qui ouvre la balise fermante.


:Bonjour:



Verrouillé

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité