Tutorial : Insérer une image

SI L'IMAGE EST EN LIGNE

Etape 1 : Trouver l'adresse (= l'url) d'une image

Internet Explorer : Clic droit sur l'image - Propriétés - Sélectionner l'adresse - Ctrl + C (ou clic droit et copier)
Netscape : Clic droit sur l'image - Copier l'adresse de l'image

Etape 2 : Insérer cette image à partir de son adresse

Commencez par la balise

Code:

[img]

puis mettez l'adresse de l'image en la tapant, en faisant Ctrl + V ou en faisant clic droit puis coller et terminez pas la balise

Code:

[/img]

Exemple :

Code:

[img]http://kheaushonllenddeuh.forumgaming.fr/images/smiles/icon_biggrin.gif[/img]

donnera


SI L'IMAGE EST SUR VOTRE PC

Etape 1 : Héberger l'image

Cliquez sur Insérer une image en haut à droite de la fenêtre de post ou bien allez directement sur www.imageshack.ws
Cliquez sur parcourir et ouvrez une image de votre disque dur. Elle doit porter l'extension jpeg, jpg, png, gif, bmp, tif, tiff ou swf et peser moins d'1 Mo (=1024 ko).
Cliquez sur host it!

Etape 2 : Choisir le bon code

Vous avez alors plusieurs possibilités à l'écran :

En haut :

On peut cliquer sur ces images pour les voir en plus grand ou dans une nouvelle fenêtre.

Code:

<a href="http://img220.echo.cx/my.php?image=arriereplan8id.jpg" target="_blank"><img src="http://img220.echo.cx/img220/9819/arriereplan8id.th.jpg" border="0" alt="Free Image Hosting at www.ImageShack.us" /></a>

Ca, c'est du html, donc ce n'est pas fait pour ce forum.

Code:

[URL=http://img220.echo.cx/my.php?image=arriereplan8id.jpg] [img]http://img220.echo.cx/img220/9819/arriereplan8id.th.jpg[/img][/URL]

Avec ce type de code, vous pouvez mettre l'image dans un forum comme celui-là.

Code:

[url=http://img220.echo.cx/my.php?image=arriereplan8id.jpg] [img=http://img220.echo.cx/img220/9819/arriereplan8id.th.jpg][/url]

Là, j'avoue que je ne sais pas bien ce que c'est, mais je suppose que c'est le code qui sera utilisé dans un forum IPB (donc pas ici).

En bas :

Ces codes affichent l'image et on peut cliquer dessus pour aller sur... Imageshack ! (Jolie pub )

Code:

[URL=http://www.imageshack.us][IMG]http://img220.echo.cx/img220/9819/arriereplan8id.jpg[/IMG][/URL]

Ca, ça marche ici.

Code:

[url=http://www.imageshack.us][img=http://img220.echo.cx/img220/9819/arriereplan8id.jpg][/url]

Pareil, je pense que c'est pour un forum IPB.

Code:

<a href="http://www.imageshack.us"><img src="http://img220.echo.cx/img220/9819/arriereplan8id.jpg" border="0" width="800" alt="Image Hosted by ImageShack.us" /></a>

Pareil aussi, c'est du html.

Code:

http://img220.echo.cx/my.php?image=arriereplan8id.jpg

Ce lien vous amène vers une page toute jolie mimi avec l'image en plein milieu et de la pub pour imageshack autour.

Code:

http://img220.echo.cx/img220/9819/arriereplan8id.jpg

Ce lien vous amène directement sur l'image.
Pour afficher seulement l'image sans pouvoir cliquer dessus, procédez comme j'ai expliqué au début du post, mais en utilisant cette adresse.

Tout tout en bas :

Code:

Thanks to ImageShack for [URL=http://www.imageshack.us]Free Image Hosting[/URL]

Ca, c'est leur petit quart d'heure de pub, pas la peine de faire attention.

Choisissez donc juste le bon code et mettez-le directement dans votre post.

Plus d'infos sur le BBcode

Autre tuto pour imageshack