Page 1 sur 25

Comment intègrer une image sur le forum

MessagePublié: 09 Oct 2009 21:37
par Zoot Allures
Partant du principe que vous savez vous servir de votre PC et préparer/retoucher vos photos. Que vous soyez sur Mac, Windows ou Linux, ça devrait être la même manip, seul le dialogue de choix d'image sur votre PC (au sens large) variera esthétiquement.

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.

Image

Nous y voilà, on sélectionne le fichier, on clique sur "Ouvrir"

Image

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"

Image

On valide et on laisse le temps au fichier de "monter" sur les serveurs de l'hébergeur.

Image

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".

Image



Sur le forum

Voilà une fenêtre de saisie de message.

Image

    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).
Coller le lien de l'image entre les deux balises :

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

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Mar 2010 20:14
par Renô
Pourquoi certaines de mes photos des derniers jours ne s'affichent plus ?
Je procède pourtant comme d'hab.

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Mar 2010 20:20
par Fouin'toc
C'est ton hébergeur qui merde, hiboox ça pue, image shack aussi, depuis que je suis sur photobucket, aucune image n'a été supprimée et je n'ai pas de souci d'affichage.

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Mar 2010 20:42
par Phare Aeon

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Mar 2010 20:43
par stancaiman
Renô a écrit:Pourquoi certaines de mes photos des derniers jours ne s'affichent plus ?
Je procède pourtant comme d'hab.


parce que ce sont des sites commerciaux - z'êtes marrant les gars, l'espace disque ça se paie !!

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Avr 2010 18:14
par VAMOS
Salut j'ai une petite question : je n'ai pas trouvé le moyen de ne CITER qu'une partie d'un message .J'ai essayé de pratiquer comme pour un mail mais çà n'a pas marché.
C'est pour éviter de coller des tartines .D'avance merci.

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Avr 2010 18:35
par Fouin'toc
Tu cites normalement et tu supprimes ce que tu veux dans le message sans toucher aux balises [quote/] et tu fait aperçu pour vérifier si tu ne t'es pas planté.

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Avr 2010 18:43
par hal 2009
ceci dit excellent tuto de zoot

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Avr 2010 22:31
par anthomanta
Image
Je confirme cela fonctionne très bien.

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Avr 2010 22:53
par MetalSeed
Mais moi ce que je voudrais savoir c'est comment on insère une photo depuis un mac
:yet

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Avr 2010 23:00
par .LuD.
… c'est pareil non ?

Re: Comment intègrer une image sur le forum

MessagePublié: 08 Avr 2010 23:03
par deuns
pareil...

Re: Comment intègrer une image sur le forum

MessagePublié: 09 Avr 2010 11:11
par VAMOS
Fouin'toc a écrit:Tu cites normalement et tu supprimes ce que tu veux dans le message sans toucher aux balises [quote/] et tu fait


MERCI

Re: Comment intègrer une image sur le forum

MessagePublié: 21 Avr 2010 14:43
par Crichon
Sur Imageshack on peut choisir la taille de la vignette ?

Re: Comment intègrer une image sur le forum

MessagePublié: 21 Avr 2010 15:38
par lolo
celui la marche tres bien aussi
http://www.casimages.com/