Vous vous connectez à un hébergeur d'images, ici Imageshack <http://imageshack.us/>
Chez l'hébergeur
Il faut cliquer dans le champ (le deuxième depuis le haut) sous "upload [x] "vidéo/image" [ ] URL" directement (ici on vérifie qu'on va bien expédier une image) ou utiliser le bouton "Browse" pour sélectionner le fichier à envoyer sur le disque dur de son PC.
Nous y voilà, on sélectionne le fichier, on clique sur "Ouvrir"
On peut choisir de lui faire redimensionner l'image de manière à ce qu'elle de déforme pas le forum et/ou simplifie le chargement au lecteurs à bas débit.
Cocher la case "resize image" et choisir dans le menu déroulant à côté la taille maxi qu'elle aura.
- La taille 800x600 (en pixels) est un bon compromis courtois entre bas débit et information délivrée.
Certains n'ont ni écran de haute résolution ni grosse connexion (des proches banlieues de grandes villes sont dans des trous noirs numériques).
On clique sur "Start Upload"
On valide et on laisse le temps au fichier de "monter" sur les serveurs de l'hébergeur.
Et c'est là que ça se corse un brin... on doit choisir ce qu'on va coller dans le forum.
Ne pas s'embêter pas à glisser son curseur d'un bout à l'autre pour sélectionner un lien, un simple clic dessus active toute la zone "copiable".
Sur le forum
Voilà une fenêtre de saisie de message.
- D'une manière générale, il faut indiquer la nature du document ou de l'information qu'on va envoyer sur le forum.
Ici, une image. Donc dans la barre d'outil au dessus de la case de saisie, on clique sur le bouton "img" qui va insérer les balises idoines, ouverture et fermeture (celle avec un / dedans).
- Code: Tout sélectionner
[img]lien-vers-l-image-.jpg[/img]
Voici à quoi ça ressemble si après un clic dans la ligne choisie, on copie-colle le lien dans le forum (chaque ligne collée successivement dans l'ordre d'affichage chez Imageshack).
Direct link to image
Coller celui-ci entre deux balises, ça ressemblera aux images ci-dessus.
Selon la résolution (la taille) de l'image, ça dépassera parfois de la fenêtre, sur certains forums ça déforme tous les fils de discussion.
- Code: Tout sélectionner
[img]http://img16.imageshack.us/img16/1356/img4328r.jpg[/img]
Short link to image
Le suivant ne marche pas parce qu'il n'y a pas pour l'architecture du forum de suffixe typique d'une image (jpg, tiff, psd, gif) ça risque d'être mal "interprété" par l'architecture du forum.
- Code: Tout sélectionner
[img]http://yfrog.com/0gimg4328rj[/img]
Thumbnail for websites
Celui-ci ne marche pas parce que c'est en HTML alors que le forum cause BBCode, l'un cause flamand, l'autre allemand, ça ressemble pour le non initié mais ça n'est pas interprété, ça s'affichera mal.
- Code: Tout sélectionner
<a href="http://img16.imageshack.us/i/img4328r.jpg/" target="_blank"><img src="http://img16.imageshack.us/img16/1356/img4328r.th.jpg" border="0" alt="Free Image Hosting at http://www.ImageShack.us" /></a><br /><br /><a href="http://img604.imageshack.us/content.php?page=blogpost&files=img16/1356/img4328r.jpg" title="QuickPost"><img src="http://imageshack.us/img/butansn.png" alt="QuickPost" border="0"></a> Quickpost this image to Myspace, Digg, Facebook, and others!
Thumbnail for forums (1)
On verra que celui-ci est utile si on a d'assez grosses images qui seront remplacées par une vignette d'une centaine de pixels de côté.
Le lecteur devra cliquer dedans pour qu'une fenêtre s'ouvre qui affiche l'image en haute résolution (arce que ça comporte un lien vers le fichier de résolution plus importante).
Collé tel quel dans le forum, en outre, on n'a pas à se préoccuper d'une balise [img], elle est déjà dedans.
- Code: Tout sélectionner
[url=http://img16.imageshack.us/i/img4328r.jpg/][color=#FF0000][img][/color]http://img16.imageshack.us/img16/1356/img4328r.th.jpg[color=#FF0000][/img][/color][/url]
Thumbnail for forums (2)
Pourtant, certaines architectures de forum vont éructer et ne pas aimer le couple "lien vers" + "lien de la vignette" imbriqué de cette façon.
C'est là qu'intervient le code suivant où on peut baliser comme il faut quitte à jongler plusieurs fois avec le bouton "prévisualisation"/"aperçu".
- Code: Tout sélectionner
[url=http://img16.imageshack.us/i/img4328r.jpg/][color=#FF0000][img=[/color]http://img16.imageshack.us/img16/1356/img4328r.th.jpg][/url]
Il n'y a plus qu'à compléter par du texte éventuellement, puis valider l'expédition du message